2018.03.19

Title: 2018.03.19

Deep Reading

Happy 29th Birthday to the World Wide Web https://webfoundation.org/2018/03/web-birthday-29/
The web is under threat. Join us and fight for it. March 12 is the World Wide Web’s 29th birthday. Here’s a message from our founder and web inventor Sir Tim Berners‑Lee on what we need to ensure that everyone has access to a web worth having.

Web transport, today and tomorrow https://www.youtube.com/watch?v=onF35HWLVh0
Daniel Stenberg, Mozilla engineer and creator/maintainer of the cURL project, shares a look at what’s ahead for HTTP and describes modern transport protocols.

Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js https://engineering.linkedin.com/blog/2018/03/how-we-built-the-same-app-twice-with-preact-and-glimmerjs
So how do you build sites that stay fast no matter what? To help us understand better, we built a prototype application with two popular JavaScript libraries, Preact and Glimmer.js, each embodying a different philosophy for maximizing web performance.

Profilo: Understanding app performance in the wild https://code.facebook.com/posts/356115241551826/profilo-understanding-app-performance-in-the-wild/
The Facebook apps for Android and iOS are used by billions of people worldwide. We have ambitious goals around delivering a delightful experience and a strong belief that responsiveness and smoothness are keystones of a high‑quality product. Together, this means we need to investigate performance problems quickly and efficiently.

16 Best Practices for Shared UI Libraries https://blog.newrelic.com/2018/03/15/best-practices-shared-ui-libraries/
Recently, the New Relic Core UI team moved to React v16.0. In support of this move, we had to upgrade a handful of shared UI libraries owned by teams across the company. As most of us know, upgrading cross‑company dependencies can be quite a challenge and takes a lot of time. Often, during such work we discover that UI libraries are not always in the best shape for sharing. To that end, I’ve put together this list of best practices and recommendations for building shareable UI libraries.

Meituan‑Dianping Financial Platform Web Front‑End Technology Stack https://tech.meituan.com/front_end_web_architecture.html
In the second half of 2017, the financial platform launched a unified‑stack initiative covering backend, iOS, Android, and front‑end. In the front‑end track I acted as organizer and participant, discussing with front‑end representatives from eight business units. By summarizing everyone’s input and considering each team’s situation, the platform reached a consensus on the technology stack. This article introduces the front‑end technology choices of Meituan‑Dianping’s financial platform and the thinking behind them.

How to Decompose a Monolithic Front‑End Application – Micro‑service‑style Splitting https://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652975771&idx=1&sn=4cb2d7d2567f7ae0b8d4e057a036881f
Refresh the page? Split the router? No—dynamically load components. This article is divided into four parts: introduction to front‑end micro‑service thinking; design principles of micro‑front‑ends; hands‑on micro‑front‑end architecture design; and micro‑service‑style front‑end using Mooa.

9 Influential JavaScript Developers You Should Follow https://javascriptreport.com/9-influential-javascript-developers-you-should-follow/
This is a list of people who influence how I think—not only about JavaScript but also about writing code for a living. If you don’t follow these folks, I encourage you to start. For each person I provide a link to their Twitter profile and some of my favorite work.

How to NOT React: Common Anti‑Patterns and Gotchas in React https://codeburst.io/how-to-not-react-common-anti-patterns-and-gotchas-in-react-40141fe0dcd
React has matured as a UI library, and with that many best‑practice guidelines have evolved. We’ll learn from the collective wisdom of thousands of programmers who discovered these pitfalls the hard way.

A Comprehensive Guide to Learning React.js in 2018 https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/
Originally published in January 2015, this article has been updated for React 16.3 and all the goodness it contains.

What’s the Deal with Margin Collapse? https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/
Learn about margin collapse, a fundamental CSS layout concept. See visual examples of when margin collapse occurs and when it doesn’t. (A popular introductory article; useful for anyone whose fundamentals are shaky.)

Rust’s 2018 Roadmap https://blog.rust-lang.org/2018/03/12/roadmap.html
This year we will deliver Rust 2018, the first major new edition of Rust since 1.0 (aka Rust 2015). This “edition” will culminate a year of feature stabilization and will ship with polished documentation, tooling, and libraries that tie into those features. Also see: Making WebAssembly better for Rust & for all languages

Database Modelization Anti‑Patterns https://tapoueh.org/blog/2018/03/database-modelization-anti-patterns/
To spark your interest in database normalization, we look at what can go wrong when you neglect proper normalization, covering three classic anti‑patterns: the infamous EAV model, storing multiple values in a single column, and the potential pitfalls of using UUIDs.

Serverless Computing https://blog.algorithmia.com/serverless-computing/
Serverless architecture makes cloud deployment easier by removing the need to design your own server‑side infrastructure. When integrated properly, this paradigm can get applications to market faster and free up company resources for other work.

The Complete Guide to Using Google Sheets as a Database https://codingislove.com/google-sheets-database/
Let’s explore advanced features of Google Sheets, its limitations, alternative solutions, and how to use those features to treat Google Sheets as a database.

Who Will Steal Android from Google? https://medium.com/@steve.yegge/who-will-steal-android-from-google-af3622b6252e
It’s an interesting time to compete for control of Android, if that’s your thing. Lots of companies are. Even other teams inside Google are. Grab isn’t, though we’re materially impacted by the outcomes. But there are many big sharks circling the Android boat, and Google needs to be careful.

Five Key Git Concepts Explained the Hard Way https://zwischenzugs.com/2018/03/14/five-key-git-concepts-explained-the-hard-way/
This post uses a “hard way” approach: you type the commands yourself and think through what’s happening, without worrying about breaking anything.

A DIY Web Accessibility Blueprint http://alistapart.com/article/diy-web-accessibility-blueprint
My intention is that you can use this article as a blueprint to guide a DIY accessibility remediation project. Before you beg… (content truncated)

---

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