2018.12.17 - A Modern Terminal-Based Development Environment

Title: 2018.12.17 - A Modern Terminal-Based Development Environment

Industry Conferences

[Register] SEE Conf 2019 – Ant Financial Experience Technology Conference – Hangzhou https://seeconf.antfin.com/ Free of charge; anyone interested can sign up to join and explore cutting‑edge user experience and best engineering practices together.

In‑Depth Reading

A Modern Terminal-Based Development Environment https://www.sitepen.com/blog/2018/12/12/a-modern-terminal-based-development-environment/ In this article I’ll go over some tools that I find useful in my own terminal‑based environment. As such, this article will focus on Macs, although most of the tools discussed here are also available on Linux.

19 ways to become a better Node.js developer in 2019 https://medium.com/@me_37286/19-ways-to-become-a-better-node-js-developer-in-2019-ffd3a8fbfe38 I’ve compiled 19 skills and topics you might find valuable in 2019. Please don’t get overwhelmed — neither I nor most other developers are familiar with every single topic. These are just the exciting things on my radar, and the JavaScript horizon is never‑ending. Also see: Node.js API and Web Frameworks for 2019, A Recap of Frontend Development in 2018, The State of the Octoverse: new open source projects in 2018.

Flutter will change everything https://medium.com/coding-with-flutter/flutter-will-change-everything-and-apple-wont-do-anything-about-it-f495e7087802 I share my thoughts on why Flutter is already a superior technology for front‑end development, and will be even more so in the future. Just to be clear: the opinions in this article are entirely my own and not endorsed by Google. In detail, we’ll look at: the last 10 years of iPhone history and the Apple ecosystem; what makes Flutter more productive; a direct Flutter‑iOS comparison by example. Also see: Flutter will change everything: a follow‑up.

Is there a cold war between Android and Chrome because of PWAs? https://medium.com/@firt/is-there-a-cold-war-between-android-and-chrome-because-of-pwas-e50a7471056c Chrome wants PWAs, but it seems to be hitting a wall when trying to integrate them with the Android ecosystem. New APIs and features are great, but if we can’t improve the distribution channel, the effort isn’t worthwhile. Also see: Flutter will change everything: a follow‑up.

Thoughts on Software Design for Uncertainty https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247488951&idx=1&sn=55485804760e3aff54bfc977176bc4bb As software forms evolve, architectures and organizational structures that were once highly efficient now face comprehensive challenges. Our environment has shifted from quantitative to qualitative change, crossing a critical threshold and producing fundamentally different dynamics. Alibaba exemplifies this transition—from a single e‑commerce business to a complex economic entity with no clear business boundaries and unpredictable, rapidly growing services. In response, we’ve reflected on several core considerations for software design.

Baidu Releases Smart Mini‑Program Development Solution https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247490098&idx=1&sn=64db463561039ed05843a1ca3cde3375 In 2018 the Baidu·Smart Mini‑Program Academy (https://smartprogram.baidu.com/developer/index.html) held its first offline public class (https://baijiahao.baidu.com/s?id=1619787814719437572) in Beijing. Baidu’s official data shows that since the AI Developer Conference in July, monthly active users of Baidu Smart Mini‑Programs have surpassed 150 million. Notably, the smart mini‑program framework is now open‑sourced on GitHub, and Baidu is about to launch an open‑source alliance to foster the ecosystem’s growth and development.

How Does setState Know What to Do? https://overreacted.io/how-does-setstate-know-what-to-do/ When you call setState in a component, what do you think happens?

Modernizing the Web Playback UI https://medium.com/netflix-techblog/modernizing-the-web-playback-ui-1ad2f184a5a0 Since 2013, the user experience of playing videos on the Netflix website has changed very little. During this period, teams at Netflix have rolled out amazing video playback features, but the visual design and user controls of the playback UI have remained the same. Over the past two years, the Web UI team has pursued a long‑running goal to modernize the playback experience for our members. Also see: Implementing the Netflix Media Database.

Better Reusable React Components with the Overrides Pattern https://medium.com/@dschnr/better-reusable-react-components-with-the-overrides-pattern-9eca2339f646 The solution we came up with is called the “Overrides” pattern. It’s still evolving, but we’ve been impressed with the products developers are building with it so far. We wanted to share it with the broader community in hopes that it either inspires other component‑library authors or at least raises awareness about current shortcomings in component reusability. Read on to see how it works.

Redefining the Technical Possibilities of CSS https://noti.st/rachelandrew/Au3wK3/making-things-better-redefining-the-technical-possibilities-of-css#sH5V09N In this talk, Rachel examines new browser features that are reshaping web design: CSS subgrids that let nested grids inherit their parent’s track definitions; logical properties that move the web away from physical screen dimensions; and screen experiences that behave more like apps—or even paged media—thanks to scroll‑snapping and multidimensional control. Understanding this emerging medium helps us imagine and shape the future of web design.

An Introduction and Guide to the CSS Object Model (CSSOM) https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/ In this guide, I’ll walk through many of the most important CSSOM features, starting with the well‑known ones and then moving on to some more obscure but practical capabilities. Also see: Managing Flow and Rhythm with CSS Custom Properties.

Introducing Background Fetch https://developers.google.com/web/updates/2018/12/background-fetch What if you need to download something that might take a long time, like a movie, podcasts, or game levels? That’s what Background Fetch is for. It’s a web standard behind the “Experimental Web Platform features” flag in Chrome 71. Also see: Public and private class fields, Quicklink – Faster subsequent page loads by prefetching in‑viewport links during idle time.

Performance Anti‑Patterns: Base64 Encoding https://calendar.perfplanet.com/2018/performance-anti-patterns-base64-encoding/ But why is this an anti‑pattern? We’re reducing requests, right? As always, there’s a cost to inlining content into your HTML or CSS. Base64‑encoded files are generally 20‑30 % larger than the original files. (content truncated)

---

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