2018.03.26

Title: 2018.03.26

Deep Reading

Ten‑fold Efficiency Boost — Building a Web Foundations R&D System http://www.cnblogs.com/sskyy/p/8613393.html
The web foundations R&D system refers to the sum of the technologies, tools, and organizational structure that frontline web engineers directly work with. In practice we’ve found that, amid multiple pressures—“the internet permeating every industry, business exploding; competition heating up, with ever‑higher demands on speed and quality; frontline engineering teams swelling and management costs rising”—the efficiency of frontline web development has become a decisive battlefield, alongside core low‑level technologies. Yet in reality, because frontline development work is highly replaceable, it often receives insufficient attention and lacks unified, in‑depth planning and management. Treating the application frameworks, testing, deployment, monitoring, and other areas that frontline engineers interact with as a single, integrated infrastructure can dramatically boost a company’s development efficiency.

Close Reading of the Immer.js Source Code https://zhuanlan.zhihu.com/p/34691516
Immer is a hot new project created by MobX author Mweststrate. Those familiar with MobX may notice that Immer is essentially a lower‑level MobX; it amplifies MobX’s features so they can be combined with any data‑flow framework, resulting in an extremely elegant usage experience.

Unblocking Clipboard Access https://developers.google.com/web/updates/2018/03/clipboardapi
That’s the new Async Clipboard API, the text‑focused portion of which we’re shipping in Chrome 66. It replaces the execCommand‑based copy & paste with a well‑defined permissions model that doesn’t block the page. This new API also Promises (see what I did there?) to simplify clipboard events and align them with the Drag & Drop API. 附：Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet、WebKit – Clipboard API Improvements.

Announcing gRPC Support in NGINX https://www.nginx.com/blog/nginx-1-13-10-grpc/
We’re excited to share the first native support for gRPC traffic within NGINX. If you’re as keen as we are, you can pull the snapshot from our repository and share your feedback. We will include this capability in the next NGINX OSS release (1.13.10). The next NGINX Plus release, R15, will also include gRPC support as well as HTTP/2 server‑push support introduced in NGINX 1.13.9. 另附：gRPC Basics

“Write once, use everywhere” Is an Anti‑Pattern https://hackernoon.com/write-once-run-everywhere-is-an-anti-pattern-2e32e1dd5b93
The core issue is that each platform has unique strengths that heavy abstractions often diminish or eliminate. That doesn’t mean multi‑platform development is bad; it just means (in most cases) a slightly different approach makes more sense—one that focuses on building multi‑platform products rather than multi‑platform apps.

AMP: The Web’s First Steps into the Performance Age https://uxplanet.org/amp-the-webs-first-steps-into-the-performance-age-8a25ba2f35f2
Google’s Accelerated Mobile Pages (AMP) have sparked renewed focus on web performance, shifting user expectations in ways that will upend the foundations of Responsive Web Design. What factors drove AMP’s rise, and how will web design evolve as we enter this new performance era?

A Proposal for Package Name Maps for ES Modules https://github.com/domenic/package-name-maps#readme
How to solve the web’s “bare import specifier” problem. This proposal makes importing JavaScript modules via bare specifiers work by using an ahead‑of‑time computed mapping. 另附：TC39 proposal for Object.fromEntries、Sensor APIs are now W3C Candidate Recommendations、TLS 1.3 approved.

Elegant Patterns in Modern JavaScript: RORO https://www.codementor.io/billsourour897/elegant-patterns-in-modern-javascript-roro-hn217atuu
Here’s a wonderful little pattern I’ve been using lately. I hope you enjoy it as much as I do: Receive an Object, Return an Object (RORO).

The Ultimate Angular CLI Reference Guide https://www.sitepoint.com/ultimate-angular-cli-reference/
In this article we’ll explore what Angular CLI is, what it can do for you, and how it performs some of its magic behind the scenes. Even if you already use Angular CLI, this piece can serve as a reference to better understand its inner workings.

GPU‑Accelerated Neural Networks in JavaScript https://towardsdatascience.com/gpu-accelerated-neural-networks-in-javascript-195d6f8e69ef
This article examines the convergence of these trends and provides an overview of projects bringing GPU‑accelerated neural networks to the JavaScript world.

JavaScript vs. TypeScript vs. ReasonML http://2ality.com/2018/03/javascript-typescript-reasonml.html
In this blog post I describe the pros and cons of three languages/dialects: JavaScript, TypeScript, and ReasonML. My observations are based on recent experiences with TypeScript and ReasonML on a few smaller real‑world projects and years of experience with JavaScript.

Gallery of Programmer Interfaces https://docs.google.com/presentation/d/1MD-CgzODFWzdpnYXr8bEgysfDmb8PDV6iCAjH5JIvaI/
These images bear witness to the passionate work of countless people striving to improve programming.

Building a GitHub Client with React Apollo https://www.graphql.college/building-a-github-client-with-react-apollo/
In this article you will learn how to use React Apollo to interact with the GitHub GraphQL API. We’ll build a GitHub client step by step. The app we create is called GitStar; it shows a list of repositories with a large star icon next to each. Clicking the star will star the repository on GitHub.

About HTML Semantics and Front‑End Architecture http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
A collection of thoughts, experiences, and ideas I like, plus experiments from the past year. It covers HTML semantics, components, front‑end architecture approaches, class‑naming patterns, and HTTP compression.

CSS: The Bad Bits https://www.joeforshaw.com/blog/css-the-bad-bits-and-how-to-avoid-them
As much as I find CSS challenging, every website needs it and couldn’t survive without it. Here are some of my thoughts on what’s problematic and how to stay sane when writing CSS. It’s a living list, so anything else that bugs me in the future will be added.

LinkedIn Lite: A Lightweight Mobile Web Experience https://engineering.linkedin.com/blog/2018/03/linkedin-lite--a-lightweight-mobile-web-experience
A key factor in Lite’s success was analyzing bottlenecks in the mobile app in India and using those insights as core principles to architect a system that avoids the same issues. This involved collaborating with infrastructure teams and understanding the entire stack from the ground up before deciding on an architecture, rather than relying on a “magic sauce” to solve our problems.

Introducing QALM, Uber’s QoS Load Management Framework https://eng.uber.com/
(content truncated)

---

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