2018.12.10 - Flutter 1.0: Google's Portable UI Toolkit

Title: 2018.12.10 - Flutter 1.0: Google's Portable UI Toolkit

Industry Conferences

Microsoft Connect(); 2018 Conference https://www.microsoft.com/en-us/connectevent/ Attachments: Announcing Open Source of WPF, Windows Forms, and WinUI at Microsoft Connect();

In‑Depth Reading

Flutter 1.0: Google’s Portable UI Toolkit https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html We're announcing Flutter 1.0, the first stable release of Google's UI toolkit for creating beautiful, native experiences for iOS and Android from a single codebase. Cross‑platform mobile development today is full of compromise. Developers are forced to choose between either building the same app multiple times for multiple operating systems, or to accept a lowest‑common‑denominator solution that trades native speed and accuracy for portability. With Flutter, we believe we have a solution that gives you the best of both worlds: hardware‑accelerated graphics and UI, powered by native ARM code, targeting both popular mobile operating systems. Additional link: Hummingbird: Building Flutter for the Web.

Angular Console: What is it and why is it valuable for you? https://blog.angular.io/angular-console-21d36c02ff76 When trying to learn or design a piece of software, I believe the most important place to start is to concretely define a mental model of what exactly that piece of software is attempting to convey to its end user. So let’s start there, with an overview of Angular Console’s current design and feature set. After that, we’ll move onto a discussion of where the Angular team and Nrwl want to take Angular Console in the future.

This year in JavaScript: 2018 in review and npm’s predictions for 2019 https://blog.npmjs.org/post/180868064080/this-year-in-javascript-2018-in-review-and-npms npm has over 10 million users who download well over 30 billion packages every month. On an average Tuesday—npm’s busiest day—users download more than 1.3 billion packages of open‑source JavaScript. This gives us a lot of information about what JavaScript users are up to. On top of that data, in partnership with the Node.js Foundation and the JS Foundation we surveyed over 16,000 developers to ask what they’re working on. From these two sources, we’ve uncovered insights about the makeup of the npm community, as well as information about what the community considers best practices. This will help you make your technical choices in 2019. Additional links: npm - 2018 JavaScript Ecosystem Survey, Reddit’s Year in Review: 2018, Top 10 Algorithmia Blog Posts of 2018

What's on the NativeScript Roadmap for 2019? https://www.nativescript.org/blog/whats-on-the-nativescript-roadmap-for-2019 NativeScript + Vue.js; Improved Developer Experience; Code‑Sharing between Web and Mobile; nativescript‑web; Analytics & Crashlytics; Achieve a Rich and Beautiful UI.

A Decade of Tech: Meituan’s First Front‑End Engineer Pan Weizeng https://tech.meituan.com/renwuzhi_panweizeng.html From FanFou to Meituan, Pan Weizeng’s ten‑year technical career illustrates the meaning of “patience over the long term.” In his view, long‑term patience is essentially delayed gratification. In our industry, we need to look farther ahead—businesses that pay off only after ten years are often the biggest deals. On a personal level, don’t overvalue titles or ranks; what matters is the role you play and whether you still have room to grow.

[Translation] Jeff Dean’s Legendary Life: Super Engineers Saving Google https://www.infoq.cn/article/rAJiubRpi9xSl_LEhI2N To many, Jeff Dean is synonymous with Google’s technology and a key reason for the company’s power. Yet people often overlook another tech titan behind him. During Google’s rise from a startup to an industry giant, countless engineers contributed, and Jeff Dean together with Sanjay Ghemawat are the only two to have reached Level 11 (Google Senior Fellow)—the super‑engineer rank. They are also close friends. As coding buddies on the same machine, Dean and Ghemawat helped shape Google and the entire Internet. Some jokingly call them the best pair‑programming role models in computing. This article is a feature the New Yorker wrote about Jeff Dean and his “good buddy” Sanjay Ghemawat, translated by AI Frontline. Let’s explore the remarkable lives of these two super‑engineers!

Inside Fiber: In‑Depth Overview of the New Reconciliation Algorithm in React https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e The how and why on everything from React elements to Fiber nodes.

Use React.lazy and Suspense to Code‑Split Your App https://hswolff.com/blog/react-lazy-and-suspense/ React.lazy takes practices and libraries that have already existed in the ecosystem and codifies them as a best practice by providing first‑party support. This is a wonderful step forward for React and is an example of what it does best: make hard things simple and simple things…

How Does React Tell a Class from a Function? https://overreacted.io/how-does-react-tell-a-class-from-a-function/ This blog is for a curious reader who wants to know why React works in a certain way. Are you that person? Then let’s dig in together. Additional links: Why Do React Elements Have a $$typeof Property?, Why Do We Write super(props)?.

Bridging the Gap Between CSS and JavaScript: CSS‑in‑JS https://css-tricks.com/bridging-the-gap-between-css-and-javascript-css-in-js/ In this article, we’re going to dig into the concept of CSS‑in‑JS. If you’re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, and you might be even more interested in the next article. Additional link: Announcing Emotion 10 – The Next Generation of CSS‑in‑JS

An Introduction to CSS Shapes https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/ CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial. Additional links: CSS Animation 101, A Look at CSS Resets in 2018.

Progressive Web Apps: The Case for PWAs https://www.smashingmagazine.com/2018/12/role-of-creativity-ux-design/ Did you know that there are three brain networks that are involved in creativity? In this article, Susan Weinschenk explores what creativity is, the recent brain science on what is happening in your brain when you are being creative, and the role of creativity in UX design. Additional link: Progressive Web Apps: The Case for PWAs

QUIC and HTTP/3: Too Big to Fail?! https://calendar.perfplanet.com/2018/quic-and-http-3-too-big-to-fail/ This post takes a (nuanced) “devil’s advocate” viewpoint and looks at how QUIC and HTTP/3 might still fail in practice, despite the large amount of current enthusiasm. In all fairness, I will also mention coun

(content truncated)

---

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