2018.11.19 - Evan You Previews Vue.js 3.0

Title: 2018.11.19 – Evan You Previews Vue.js 3.0

Industry Conferences

Chrome Dev Summit 2018 https://developer.chrome.com/devsummit/ Extras: Web’s Long List Savior? Google Launches Virtual Scroller, Highlights from Chrome Dev Summit 2018, Building a Faster, Smoother, Capable Web, Ready for the Next Movement, Goodbye Electron, Hello Desktop PWAs.

React Conf recap: Hooks, Suspense, and Concurrent Rendering https://reactjs.org/blog/2018/11/13/react-conf-recap.html All 28 conference talks are available to stream online.

In‑Depth Reading

Google – Web.Dev: Let’s Build the Future of the Web https://web.dev/ A new site that consolidates all of Google’s Web performance expertise into a collection of docs packed with actionable guidance and analysis. With this guidance, web.dev helps developers like you learn and apply modern Web capabilities to your own sites and apps. Extras: CSS and Network Performance, Measure, Optimize & Monitor, Google Announces .dev Top‑Level Domain, Open Registration in February, PageSpeed Insights Now Powered by Lighthouse.

Faster async functions and promises https://v8.dev/blog/fast-async Asynchronous processing in JavaScript has traditionally had a reputation for being sluggish. Debugging live JavaScript applications—especially Node.js servers—is also hard, particularly when dealing with async code. Fortunately, times are changing. This article explains how we optimized async functions and promises in V8 (and to some extent in other JavaScript engines) and describes improvements to the debugging experience for async code.

HTTP/3 https://daniel.haxx.se/blog/2018/11/11/http-3/ The protocol long referred to as HTTP‑over‑QUIC has now been renamed and will officially become HTTP/3. The change was triggered by an original suggestion from Mark Nottingham. The QUIC Working Group in the IETF is developing the QUIC transport protocol, a TCP replacement built on UDP. QUIC began as a Google effort and later evolved into a “HTTP/2‑encrypted‑over‑UDP” protocol.

Which of the 635,000 npm modules should I choose? https://www.coreycleary.me/which-of-the-635000-npm-modules-do-i-choose/ It’s easy to suffer “analysis paralysis” when picking npm modules. With so many options and new ones constantly touted as “the one you really should switch to,” selecting the right package can be overwhelming. It doesn’t help that many modules provide similar or identical functionality. Instead of wasting time Googling, combing through npmjs.org, and delaying your actual development, it would be great to know which modules to choose and when. Extras: 386 Useful JavaScript Libraries, Top 10 Node.js Developer Tools.

Evan You Previews Vue.js 3.0 https://medium.com/vue-mastery/evan-you-previews-vue-js-3-0-ab063dec3547 We can expect Vue 3 to be faster, smaller, have more maintainable source code, be more native‑friendly, and be easier to use. Extras: Offline‑First Vue Apps with Hoodie & Workbox, Vue.js 3.0 PPT.

These are the concepts you should know in React.js https://medium.freecodecamp.org/these-are-the-concepts-you-should-know-in-react-js-after-you-learn-the-basics-ee1d2f4b8030 In the following article, I discuss five concepts that will take your React skills to the next level.

The Power of Web Components https://hacks.mozilla.org/2018/11/the-power-of-web-components/ Extras: Private by Design: How We Built Firefox Sync, New & Experimental Web Design Tools: Feedback Requested.

What’s new in Node.js 10 LTS? https://www.yuque.com/egg/nodejs/op1ns5 After more than a year of preparation, Node.js 10 has finally entered LTS. This article outlines the noteworthy features. Meanwhile, Alibaba Cloud’s Alinode team has promptly added support for the latest LTS version; just upgrade to alinode‑v4.5.0 and developers using the Node.js Performance Platform can enjoy the new features. Extras: Node.js Offline PDF Documentation.

Xi’an Jiaotong University proposes a new method for automatically converting front‑end design mockups to code https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489854&idx=1&sn=4828d5d36c3becdf8b1f46490b5ce708 For front‑end engineers, building GUI interfaces consumes a lot of time and effort. Automating this repetitive work is a hot research direction in AI. Recently, the Institute of AI and Robotics at Xi’an Jiaotong University proposed a method that can automatically transform designed GUI mockups into code. It produces excellent code for simple layouts and generates results that closely match reality even for complex graphics, styles, and spatial arrangements. Paper: https://arxiv.org/pdf/1810.11536.pdf

Build‑time pre‑rendering: First‑paint optimization practice https://tech.meituan.com/first_contentful_paint_practice.html Since JavaScript’s inception, front‑end technology has advanced rapidly. Optimizing mobile “white‑screen” issues is a key UX focus, leading to SSR, CSR, and pre‑rendering techniques. In Meituan Pay’s front‑end stack, pre‑rendering improves the first paint, reduces white‑screen time, enhances user experience, and has become a best practice.

JDFlutter – JD.com’s next‑generation cross‑platform development framework https://mp.weixin.qq.com/s/UhfgfNEdogm7Busr0apAGQ JDFlutter can be quickly integrated into existing Android/iOS projects, allowing developers to build Flutter‑based features rapidly. The platform provides most JD‑style UI components and a rich set of native APIs to meet complex business needs. In the future, JDFlutter will pair with JDReact to form the dual‑engine ARES cross‑platform development platform at JD.com.

[Translation] KaiOS – The Next Android https://mp.weixin.qq.com/s/ecJgcmH8aALA7CmII3XdJA KaiOS is booming in India, surpassing iOS to become the country’s second‑largest mobile OS with over 15 % market share. Our overseas expansion plans should not ignore this rising giant. Below is a well‑written commentary translated for easier reading. Extras: Redox – a Unix‑like OS written in Rust, iSH – Linux shell for iOS.

Building a Modern JavaScript Framework https://www.sitepen.com/blog/2018/11/12/building-a-modern-javascript-framework/ In this talk, James outlines the history of the ArcGIS JavaScript API and why the Dojo Toolkit was chosen as its foundation. At the time, Dojo offered appealing features such as a module system, cross‑browser API compatibility, and a unified surface for vector graphics via dojo.gfx. James explains how the ecosystem has evolved and how developers’ challenges have changed accordingly.

Why Facebook’s API Starts with a For Loop https://dev.to/antogarand/why-facebooks-api-starts-with-a-for-loop-1eob If you ever inspected your requests … (content truncated)

---

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