2018.10.29 - React v16.6.0: lazy, memo and contextType

Title: 2018.10.29 – React v16.6.0: lazy, memo and contextType

Deep Reading

React v16.6.0: lazy, memo and contextType https://reactjs.org/blog/2018/10/23/react-v-16-6.html added several handy methods. Also see: Introducing Hooks, React v16.7 “Hooks” – What to Expect, TypeScript support added to Create React App, How to evaluate the Hooks API proposed in React v16.7.0‑alpha, 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 was 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 and 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 websites are written in JavaScript. A few Java applets and other plugins still linger, but they are essentially obsolete now. It is far easier to find JavaScript front‑end developers in almost any industry, except perhaps gaming. I think it will almost certainly be more labor‑intensive to program web applications using WebAssembly. Also see: WebAssembly’s post‑MVP future: A cartoon skill tree.

Elastic Documents: Using Contextual Visual Links Between Text and Table Data to Aid Reading http://vis.pku.edu.cn/blog/elastic/
Data‑rich documents are themselves complex datasets, composed of different formats such as text, graphics, and tables. These additional forms of information help us understand the narrative in the text. However, the static layout of traditional printed documents often hinders deep comprehension because the information is scattered across sections. In this paper[1] we aim to improve understanding of such documents by combining textual content with the tables they contain through contextual visualization. We parse the text and tables, use a keyword‑based matching algorithm to link the two, and generate visualizations based on the reader’s current focus within the document. Also see: 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, for large‑scale refactoring projects there were no proper tools, and developers resorted to a lot of keyboard activity with countless Ctrl + C and Ctrl + V. Manual refactoring of React code was therefore time‑consuming, tedious, and error‑prone at massive scale. Because JavaScript is dynamic, automating refactoring can be challenging, which helps explain the limited support 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 ticket text. The platform can then pinpoint which specific type of map data triggered the ticket, so the appropriate team within our maps organization can assess the issue and determine a solution. Also see: 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 to the cloud provider of your choice and then execute them as isolated, reliable, low‑latency production services. Enterprises love that their developers 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 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 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 did Go come from? How has Go evolved since its launch? What’s happening in Go 2? Also see: 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 shine light into corners of your software where defects might lurk. Do not underestimate the power of this effect! When it matters, it will save you from serious embarrassment.

Fresh Finds

gRPC‑Web Is Going GA https://www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/
gRPC‑Web lets you 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: custom JSON serialization/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/]

(content truncated)

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.