2018.01.15

Title: 2018.01.15

Deep Reading

The State of JavaScript Frameworks, 2017 https://www.npmjs.com/npm/the-state-of-javascript-frameworks-2017-part-2-the-react-ecosystem – a good overview of the whole JS ecosystem. Also see: The Brutal Lifecycle of JavaScript Frameworks, Frontend in 2018: More consensus, less complexity

Turning Design Mockups Into Code With Deep Learning https://blog.floydhub.com/turning-design-mockups-into-code-with-deep-learning/ – feeling threatened? The RNN‑based block‑by‑block approach still has major limitations.

Incident report: npm, Inc. operations incident of January 6, 2018 http://blog.npmjs.org/post/169582189317/incident-report-npm-inc-operations-incident-of On Saturday, January 6, 2018, we mistakenly removed the user floatdrop and blocked discovery and download of all 102 of their packages on the public npm Registry. Some of those packages were heavily depended on, such as require-from-string, and the removal disrupted many users’ installations.

From Front‑End Technology to Experience Technology https://zhuanlan.zhihu.com/p/32782686 – a share from “Yu Bo”: Experience technology is the fusion of tech and design, the connection between service and user. It can be expressed as UX = f(services), turning countless backend services into top‑grade user products through the blend of technology and design.

What It’s Like for a Front‑End Developer to Write Native Android for a Month https://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652975646&idx=1&sn=99c34d4402d9dff351f4a034c5baf5c4 If you’re a front‑end engineer wanting to learn mobile development, or a mobile developer curious about the front end, this article is for you. It covers: coding efficiency vs. maintainability; MVP vs. MV (the “acquired” MV*); static vs. dynamic languages; View vs. DOM; debugging; compatibility.

How to Effectively Solve Algorithm Problems http://www.cnblogs.com/sskyy/p/8268976.html This post originally appeared in my team’s documentation. Our team encourages everyone, especially newcomers, to solve algorithm problems in their spare time. I personally find it more beneficial for improving coding skills than side projects, and it also helps career development.

Hard to Use, but 12306’s Business‑Scenario Complexity May Be the World’s Greatest https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2651000407&idx=1&sn=6aeda43f3f5fea36ed6cb513f306746d The spring‑travel ticket‑selling window opens again, and the 12306 website system faces another nationwide stress test. Every Spring Festival travel rush is a big exam for 12306. Putting aside bias, let’s look at it with an engineer’s mindset and explore, from a business‑analysis perspective, where the core model and architecture become truly complex.

How We Architected the New Relic Mobile Web UI in React https://blog.newrelic.com/2018/01/03/mobile-ui-react/ To make it easier for engineers contributing UI code, we built a flexible system in React. Because we constructed this layered architecture from modules, we could decouple the UI’s different domains, easing contributors’ burdens. We wanted to share some of the design behind this complex React project because it led to seriously great outcomes.

React, Redux and JavaScript Architecture https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/ This article may feel long‑winded. I do want to show you how to write real React and Redux code, but it takes a bit to get there—for a reason. Redux isn’t terribly complicated, but understanding why you’d use it (like React) is more interesting than how it works. So the journey to Redux may be a little longer, but it’s worth it. Also see: React Router v4: Philosophy and Introduction

5 Practical Tips to Finally Learn React in 2018 https://goshakkk.name/tips-finally-learn-react/ My hope with this article—and with my blog and mailing list in general—is to share what I’ve learned over the years so you don’t waste time. Also see: 8 Tips to Build Better Node.js Apps in 2018, 5 Microservices Trends to Watch in 2018

Server Rendering, Code Splitting, and Lazy Loading with React Router v4 https://medium.com/airbnb-engineering/server-rendering-code-splitting-and-lazy-loading-with-react-router-v4-bfe596a6af70 Historically, Airbnb was a Rails app. A few years ago we started using Rails only as a data layer, moving all rendering logic into JavaScript/React. To keep server‑side rendering, we created and open‑sourced Hypernova, a JavaScript Rendering‑as‑a‑Service. We then added client‑side routing and route‑based code‑splitting with React Router v3 as part of a larger architecture revamp.

How Operating Systems Work: 10 Concepts You Should Know as a Developer https://codeburst.io/how-operating-systems-work-10-concepts-you-should-know-as-a-developer-8d63bb38331f I want to share the ten critical OS concepts you need to master to become a better software developer. Also see: Five Things Every Developer Should Know About Software Architecture

How Modern Web Browsers Accelerate Performance: The Networking Layer https://blog.sessionstack.com/how-modern-web-browsers-accelerate-performance-the-networking-layer-f6efaf7bfcf4 In this post we analyze the techniques browsers use to boost performance automatically (often without you noticing) and focus on the networking layer. We’ll also suggest ways to help browsers make your web apps even faster, and share some rules of thumb we use when building SessionStack—a lightweight, robust, high‑performance JavaScript app for real‑time defect reproduction.

Harnessing Code Generation to Increase Reliability & Productivity on iOS at Uber https://eng.uber.com/code-generation/ This article discusses two common code‑generation use cases—generating embedded resource accessors and test mocks—to show how the technique can make applications more reliable and engineers more productive.

What’s New in HTML 5.2? https://bitsofco.de/whats-new-in-html-5-2/ I’ll cover the changes I think will impact my development the most. Also see: HTML 5.2 IS DONE, HTML 5.3 IS COMING

Chrome Only? Careful Now https://css-tricks.com/careful-now/ The web is the best platform to build for and is moving in a direction that makes that even truer. The easiest way to ruin that is by ignoring standards. Related: Chrome eventually took the same path as IE 6

What Really Happened with Vista: An Insider’s Retrospective [https://blog.usejournal.com/what-really-happened-with-vista-an-insiders-retrospective-f713ee77c239](https://blog.usejournal.com/what-really-happened-with-vista-an-insiders-retrospective-f713e

(content truncated)

---

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