2018.03.05

Title: 2018.03.05

Deep Reading

Announcing Flutter beta 1: Build beautiful native apps https://developers.googleblog.com/2018/02/announcing-flutter-beta-1.html Flutter hits the sweet spot of mobile development: the performance and platform integration of native apps, combined with the rapid development and cross‑platform reach of portable UI toolkits. Attachments: How to evaluate Google’s Flutter

Beyond React 16 https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html Dan Abramov from our team spoke at JSConf Iceland 2018, previewing new features we’ve been working on in React. The talk opens with a question: “With vast differences in computing power and network speed, how do we deliver the best user experience for everyone?” Attachments: How to evaluate React’s new Time Slice and Suspense features.

Pagedraw – Effortlessly turn mockups into functional code https://pagedraw.io/ Pagedraw is a UI builder that converts mockups into React code. You can annotate mockups with extra information (e.g., how to connect to the backend, resize for different screens, etc.) to generate full, presentational React components. They are just React components, so they can be mixed freely with hand‑written ones. No new dependencies are required, and they work with any existing JSX build system. Attachments: Launch HN: Pagedraw (YC W18) – Compile UI Mockups to React Code, One of These Site and Page Building Tools Is Meant for You.

Tracing from JS to the DOM and back again https://v8project.blogspot.com/2018/03/tracing-js-dom.html Debugging memory leaks in Chrome 66 just became much easier. Chrome’s DevTools can now trace and snapshot C++ DOM objects and display all reachable DOM objects from JavaScript together with their references. This feature is one of the benefits of the new C++ tracing mechanism in the V8 garbage collector.

The inception of ESLint https://www.nczonline.net/blog/2018/02/the-inception-of-eslint/ I recently realized I’d never shared the origin story of ESLint. I’ve talked about some of the decisions I made in earlier posts, but never the initial domino that fell and led to ESLint’s creation. As you’ll see, ESLint wasn’t born from divine inspiration or a sudden insight, but from a chain of events that eventually culminated in its creation.

Release of umi 1.0 https://juejin.im/post/5a93aeadf265da4e6f1805de umi is a Next.js‑style front‑end framework focused on performance. Its strengths include a large set of built‑in performance optimizations; multi‑platform support, seamlessly handling both container and browser environments; a webpack‑like plugin system; and friendly integration with Ant Design (antd) and dva.

Getting to know Weex’s JS Framework https://mp.weixin.qq.com/s?__biz=MzAxNDEwNjk5OQ==&mid=2650401146&idx=1&sn=aa9ea9140b878c4b42be65f464143f40 No matter what data‑management or component‑management strategy a front‑end framework uses, it ultimately calls the interfaces provided by the JS Framework to invoke native functionality and render real UI. The underlying rendering engine doesn’t need to know the component syntax or update strategy of the upper‑level framework; it only has to handle the node structures and rendering commands defined uniformly by the JS Framework. This extra layer of abstraction helps standardize APIs and makes cross‑framework and cross‑platform development possible.

RIP Redux: Dan Abramov announces future fetcher API https://react-etc.net/entry/rip-redux-dan-abramov-announces-future-fetcher Unlike Redux, Future Fetcher is not a new library but a new concept being folded into React via the Context API, which will render many of Redux’s tasks obsolete.

Redesigning Redux https://hackernoon.com/redesigning-redux-b2baee8b8a38 Should state management be a solved problem by now? Intuitively, developers seem to sense a hidden truth: state management feels harder than it needs to be. In this article we’ll try to answer questions you’ve probably asked yourself: Do you really need a library for state management? Is Redux’s popularity deserved? Why or why not? Could we build a better solution? If so, how?

The Lost Art of the Makefile http://www.olioapps.com/blog/the-lost-art-of-the-makefile/ My guess is that many JavaScript developers didn’t come from a Unix‑programming background and never had a good chance to learn what Make can do. I want to provide a quick primer here; I’ll walk through the Makefile I use for my own JavaScript projects.

What Google AMP means for the JavaScript community https://molily.de/amp/ What’s clear to me is that the JavaScript community needs to look at its own front door. We need to criticize AMP but also learn from it. The broader web community must adopt technical principles that improve performance. However, instead of a centralized, authoritarian approach, we should improve the web through a coordinated community effort.

How GDPR Will Change The Way You Develop https://www.smashingmagazine.com/2018/02/gdpr-for-web-developers/ In this article we’ll explore what you, as a developer, need to know about the new data‑protection regime. By the end you’ll see how the challenges posed by the privacy overhaul can ultimately make you a better developer. Attachments: GDPR – A PRACTICAL GUIDE FOR DEVELOPERS

How I Learned to Stop Worrying and ❤️ the State Machine http://raganwald.com/2018/02/23/forde.html By recognizing when domain models should be represented primarily as state machines—or when to refactor domain models into state machines—we keep our models understandable and workable, taming their complexity. So, what are state machines? And how do they help?

When to use CQRS?! https://community.risingstack.com/when-to-use-cqrs/ One of the simplest and most frequently cited explanations is that CQRS is, in principle, the same as the CQS design pattern applied at the architectural level of an application. The comparison is accurate, but for someone unfamiliar with CQRS it can be hard to grasp and therefore not very helpful.

Mobile Real‑time Video Segmentation https://research.googleblog.com/2018/03/mobile-real-time-video-segmentation.html We are excited to bring precise, real‑time, on‑device mobile video segmentation to the YouTube app by integrating this technology into Stories. Currently in limited beta, Stories is YouTube’s new lightweight video format, designed specifically for creators. Our new segmentation technology lets creators replace and modify the background, effortlessly boosting production value without specialized equipment.

Queryparser, an Open Source Tool for Parsing and Analyzing SQL https://eng.uber.com/queryparser/ In this article we discuss our implementation of Queryparser, the variety of applications it unlocked, and some problems and limitations we encountered along the way.

Air Traffic Controller: Member‑First Notifications at LinkedIn [https://engineering.linkedin.com/blog/2018/03/air-traffic-controller--member-first-notifications-at-linkedin](https://engineering.linkedin.com/blog/2018/03/air-traffic-controller--member-first-not

(content truncated)

---

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