FEX 技术周刊 - 2018/10/29
深阅读
React v16.6.0: lazy, memo and contextType
https://reactjs.org/blog/2018/10/23/react-v-16-6.html
加了几个方便的方法。
另附：Introducing Hooks、React v16.7 “Hooks” - What to Expect、TypeScript support added to Create React App、如何评价 React v16.7.0-alpha 提出的 Hooks API、Use the React Profiler for Performance、Understanding React v16.4+ New Component Lifecycle Methods.
Qt Design Studio 1.0 Released
https://blog.qt.io/blog/2018/10/25/qt-design-studio-1-0-released/
We believe that collaboration between designers and developers in an effective workflow fosters and boosts product innovation and ultimately leads to a better user experience. That’s why I’m extremely happy to announce that Qt Design Studio 1.0 released today! Qt Design Studio is a UI design and development environment that enables designers and developers to rapidly prototype and develop complex and scalable UIs.
The best WYSIWYG editor for Angular and React is here
https://ckeditor.com/blog/best-wysiwyg-editor-for-angular-react/
We are happy to announce the first two integrations of CKEditor 5 with popular JavaScript frameworks: CKEditor 5 WYSIWYG editor component for React. CKEditor 5 WYSIWYG editor component for Angular 2+. We want to make installing and integrating CKEditor 5 as simple and intuitive as possible.
Is WebAssembly faster than JavaScript?
https://lemire.me/blog/2018/10/23/is-webassembly-faster-than-javascript/
Most programs running on web sites are written in JavaScript. There are still a few Java applets and other plugins hanging around, but they are considered obsolete at this point. It is far easier to find JavaScript front-end developers in almost any industry, except maybe gaming. I think it is almost surely going to be more labor intensive to program web applications using WebAssembly.
另附：WebAssembly’s post-MVP future: A cartoon skill tree.
灵活文档：通过上下文可视化链接文本和表格数据来帮助文档阅读
http://vis.pku.edu.cn/blog/elastic/
数据丰富的文档本身就是复杂的数据集，它们由不同格式的信息组成，如文本，图形和数据表。这些额外的信息形式更有利于我们对文档中的文本叙述的理解。但是，传统的打印文档的静态布局通常会妨碍对其内容的深入理解，因为这些信息往往分散各个部分。在本文中[1]，我们寻求通过将文本内容与文档中包含的数据表格相结合的上下文可视化技术来促进对这些文档的更好理解。我们解析文本内容和数据表格，使用基于关键字的匹配算法来链接这两部分，并根据读者在文档中的当前关注点来生成可视化。
另附：Visualizing quaternions - An explorable video series.
Finally, a React Refactoring Tool - Introducing Glean
https://www.wix.engineering/blog/finally-a-react-refactoring-tool-introducing-glean
React is the predominant framework today for web and mobile UI development, and it’s no surprise it is widely used by Wix Engineering. However, when it came to large-scale refactoring projects, there were no proper tools that could help with the process, and developers got used to a lot of keyboard activity with loads of ctrl+C and ctrl+V. Manual refactoring of React code was, therefore, quite time consuming and somewhat tedious, as well as error-prone when done on a massive scale. As JS is dynamic, refactoring automation could be quite a challenge to implement and that could explain the little support it has in common IDEs.
Let the Framework do its job
https://blog.ionicframework.com/let-framework-do-its-job/
One of the core changes Ionic is making is moving from custom build tooling to using the official tooling for each Framework we support.
Applying Customer Feedback: How NLP & Deep Learning Improve Uber’s Maps
https://eng.uber.com/nlp-deep-learning-uber-maps/
To address the problem of large-scale ticket analysis, we built a natural language processing (NLP) platform that looks for map data-related issues in the text of tickets. This platform can then specify which specific type of map data triggered the ticket, so that the appropriate team within our maps organization can assess the issue and determine a solution.
另附：AI Michelangelo PyML: Introducing Uber’s Platform for Rapid Python ML Model Development.
Why Netflix Rolled Its Own Node.js Functions-as-a-Service Runtime
https://thenewstack.io/why-netflix-rolled-its-own-node-js-functions-as-a-service-runtime/
Engineers love the “no-ops” aspect of FaaS, which makes it possible to simply upload modular chunks of functionality onto the cloud provider of your choice and then execute them as isolated, reliable, and low latency production services. Enterprises love that their devs can deploy code to production faster than ever before. Netflix, a company respected for being an early and extremely effective adopter of cloud native tech, happily embraced FaaS to keep the films flowing smoothly to their 130 million customers streaming 140 million hours of video each day.
Playing Mortal Kombat with TensorFlow.js. Transfer learning and data augmentation
https://blog.mgechev.com/2018/10/20/transfer-learning-tensorflow-js-data-augmentation-mobile-net/
In this blog post, I’ll share my experience of building a posture classification algorithm using TensorFlow.js and MobileNet.
How architecture evolves into strategy
https://www.oreilly.com/ideas/how-architecture-evolves-into-strategy
A look at the roles of architect and strategist, and how they help develop successful technology strategies for business.
The Past, Present, and Future of Go 2
https://dave.cheney.net/paste/the-past-present-and-future-of-go2.pdf
Where Go came from? How Go has evolved since it was launched? What’s happening in Go 2?
另附：GoDoc Playground - A neat online tool for playing with the GoDoc code documentation syntax and seeing how changes affect things in real time
How to write narrative documentation
http://esr.ibiblio.org/?p=8175
In fact, writing good documentation is an excellent way to ensure that you really understand the problem space you’re in, and to throw light into corners of your software where defects might lurk. Do not underestimate the power of this effect! Often enough to matter, it will save you from serious embarrassment.
新鲜货
gRPC-Web is going GA
https://www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/
gRPC-Web enables you to define the service “contract” between client web applications and backend gRPC servers using .proto definitions and auto-generate client JavaScript (you can choose between Closure compiler JavaScript or the more widely used CommonJS). What you get to leave out of the development process: creating custom JSON serialization and deserialization logic, wrangling HTTP status codes (which can vary across REST APIs), content type negotiation, etc.
Node v11.0.0 (Current)
https://nodejs.org/en/blog/release/v11.0.0/
Node.js 11.0.0 is here! This is the newest Node.js Current Release line with a focus primarily on improving internals, performance, and an update to V8 7.0.
另附：October Brings Node.js 10.x to LTS and Node.js 11 to Current!、Node Knockout - A 48-hour online hackathon featuring Node.js、npm and the Future of JavaScript.
Redis 5.0 is here!
https://redislabs.com/blog/redis-5-0-is-here/
Redis reached a major milestone with the release of 5.0, which includes a variety of advancements and improvements. The big story here is the introduction of Streams as part of the release. Streams is the first entirely new data structure in Redis since HyperLogLog was introduced as part of 2.8.9 back in April 2014 (over four years ago)!
另附：Fog Computing and the need for RedisEdge.
30 Seconds of CSS
https://30-seconds.github.io/30-seconds-of-css/
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
Introducing Squirrelly: a fast, lightweight, and simple JS template engine
https://hackernoon.com/introducing-squirrelly-a-fast-lightweight-and-simple-js-template-engine-70a873d765c9
Squirrelly is a template engine written in JavaScript. With Squirrelly, you can write templates that are blazing fast and can be rendered in milliseconds, server-side or client-side. Squirrelly doesn’t just limit you to HTML–you can use it with any language, and custom delimeters make it so there aren’t parsing errors. It’s also tiny (~2.5 KB gzipped), has 0 dependencies, and is blazing fast.
IronDB
https://github.com/gruns/irondb
A relentless key-value store for the browser.
face-api.js
https://github.com/justadudewhohacks/face-api.js
JavaScript API for face detection and face recognition in the browser with tensorflow.js
percollate
https://github.com/danburzo/percollate
Percollate is a command-line tool to turn web pages into beautifully formatted PDFs.
A Web-Based Random Dummy Data Generation Tool
https://www.onlinedatagenerator.com/
Here you can find up to 100 combinations of data formats and information. Build up your test dataset and export your data in CSV, Excel, Json, or even Sql script to create your table.
It’s very easy - Add new fields, select a field category, and a field type, establish ranges if required and preview you data. You can generate up to 10 000 rows with random names, random address or fake email address.
Announcing the GNU Kind Communication Guidelines
http://lists.gnu.org/archive/html/info-gnu/2018-10/msg00001.html
The GNU Kind Communication Guidelines, initial version, have been published in https://gnu.org/philosophy/kind-communication.html. On behalf of the GNU Project, I ask all GNU contributors to make their best efforts to follow these guidelines in GNU Project discuaaions.
设计
设计师的职责：重在参与
https://www.huxiu.com/article/268881.html
严格来说，复杂适应性系统的设计师所设计的并非系统本身，他们是把一系列现有的互相关联的系统引导至他们所期望的成果。对于这些会与其他力量、想法、事件和设计师产生交互的系统，它们的设计师没有把自己置于系统的中心，而是将自己理解为塑造这些系统的“参与者”。本文的主旨是探索“参与”在这里的意义。
另附：Designers who can code are more valuable.
Introducing CodeX
https://blog.prototypr.io/introducing-codex-5cdaf7140090
Welcome CodeX, fully automated, real-time platform for automated design/development handoff and advanced prototyping.
另附：Adobe XD or InVision Studio, maybe the real Sketch killer、The ultimate web design tool: a browser.
User flow is the new wireframe
https://uxdesign.cc/when-to-use-user-flows-guide-8b26ca9aa36a
An illustrated guide on the different ‘resolutions’ of user flows, and when to use them.
另附：Designers who can code are more valuable.
Augmented Reality vs. Virtual Reality vs. Mixed Reality – An Introductory Guide
https://www.toptal.com/designers/ui/augmented-reality-vs-virtual-reality-vs-mixed-reality
In this article, we start by highlighting the nuances between VR, AR, and MR, and then take a quick trip back in time to see how VR/AR evolved. Finally, we evaluate how they fit in today’s reality, and how they may affect tomorrow’s.
深入了解柳冠中的设计观
https://www.uisdc.com/learn-liuguanzhong-design-concept
柳冠中老师是中国最早的工业设计创始人之一，其「设计事理学」出发点和落脚点都源自于辩证唯物主义哲学观，事理学的设计观点也给人以醍醐灌顶的启发。柳教授的事理学观点无论是从自然建构的基础学科思考问题还是从研究复杂体系的综合学科层面思考，事理学中都可以找到相关的论点和论据。
产品及其它
保罗·艾伦的故事
http://www.ruanyifeng.com/blog/2018/10/paul-allen.html
如果你现在去西雅图，到处可以看到保罗的痕迹。他建立了流行文件博物馆、计算机博物馆，创办画廊和音乐节。现在他不在了，但是他支持的这些事业还会长久地存在。正如盖茨在悼念文章中所说：”保罗应当活得更久一些，他一定会充分利用那些多出来的时间。我将非常地怀念他。”
如何高效把书读「薄」-专访 MarginNote
https://sspai.com/post/47547
说起 iPad 上的学习工具，MarginNote 一定会是许多人第一个想到的选择。除了最基础的阅读和批注功能，MarginNote 还支持大纲、脑图、学习卡等高阶并且复杂的功能。为什么 MarginNote 在默默「耕耘」了几年之后才走进大家的视野并且变得热门起来？相比于同类产品，MarginNote 到底有着怎样的优势和特点，让它能够成为许多人心目中独一无二的学习工具？本期幕后一起听 MarginNote 的开发者 Min 聊一聊背后的故事。另附：
大胆减少你的工作
https://mp.weixin.qq.com/s?__biz=MzIxNTAzNzU0Ng==&mid=2654611005&idx=2&sn=d4ed61b97c814b12530d4743cc357a2b
关于知识工作者任务的讨论，一般都从如何做计划说起。这样看来很合乎逻辑。可惜的是，知识工作者的工作计划很少有能够真正发生作用的。计划通常只是纸上谈兵，或只是良好的意愿而已，很少能够真正实现。有效的知识工作者并不是一开始就着手工作，他们往往会从时间安排上着手。他们并不以计划为起点，认识清楚自己的时间用在什么地方才是起点。然后，他们管理自己的时间，减少非生产性工作所占用的时间。最后，再将“可自由运用的时间”，由零星的集中成大块连续性的时段。
What does Stack Overflow want to be when it grows up?
https://blog.codinghorror.com/what-does-stack-overflow-want-to-be-when-it-grows-up/
I sometimes get asked by regular people in the actual real world what it is that I do for a living, and here’s my 15 second answer: We built a sort of Wikipedia website for computer programmers to post questions and answers. It’s called Stack Overflow. As of last month, it’s been 10 years since Joel Spolsky and I started Stack Overflow. I currently do other stuff now, and I have since 2012, but if I will be known for anything when I’m dead, clearly it is going to be good old Stack Overflow. Thus, what I’d like to do right now is peer into that glorious abyss for a bit and introspect about the challenges I see facing Stack Overflow for the next 10 years.
– THE END –
