2022.04.04 - Chrome version 100

Title: 2022.04.04 – Chrome version 100

This Week’s Highlights

Chrome version 100 arrives with refreshed logo in tow https://www.theverge.com/2022/3/30/23002780/chrome-browser-version-100-features https://developer.chrome.com/blog/new-in-chrome-100/ https://developer.chrome.com/en/blog/100-web-moments/ https://developer.chrome.com/100/
Chrome 100 is available now, and Firefox 100 ships very soon. These three‑digit version numbers have the potential to cause issues on sites that rely on identifying the browser version in some way. Over the last few months, the Firefox team and the Chrome team ran experiments in which the browser reported version number 100, even though it wasn’t. Related:

Mozilla’s vision for the evolution of the Web https://webvision.mozilla.org/full/
Mozilla's mission is to ensure that the Internet is a global public resource, open and accessible to all. We believe in an Internet that puts people first, where individuals can shape their own experience and are empowered, safe, and independent. The Web is an enormous asset to humanity and Mozilla is committed to protecting it and making it better. […] we believe that we can all work together as a community to make a Web that is truly open and accessible to all.

React v18.0 https://reactjs.org/blog/2022/03/29/react-v18.html
The most important addition in React 18 is something we hope you never have to think about: concurrency. We think this is largely true for application developers, though the story may be a bit more complicated for library maintainers. Related: When Does React Render Your Component? , Announcing React Native 0.68 .

Understanding Layout Algorithms https://www.joshwcomeau.com/css/understanding-layout-algorithms/
The mental‑model shift that makes CSS more intuitive

Stabilize, Modularize, Modernize: Scaling Slack’s Mobile Codebases https://slack.engineering/stabilize-modularize-modernize-scaling-slacks-mobile-codebases-2/ https://slack.engineering/stabilize-modularize-modernize-scaling-slacks-mobile-codebases/
In the first post about the Duplo initiative, we discussed the reasons for launching a project to revamp Slack’s mobile codebases, and what we accomplished in Duplo’s initial Stabilization phase. This post will explore modularization, and then there will be a third post to describe how we modernized our codebase and the overall results of the project. Related: Back to Monolith: Refactoring an Open‑Source Project .

Transitional Architecture https://martinfowler.com/articles/patterns-legacy-displacement/transitional-architecture.html
Software elements installed to ease the displacement of a legacy system that we intend to remove when the displacement is complete.

In‑Depth Reading

The Story of Next.js https://www.youtube.com/watch?v=BILxV_vrZO0
This is the story of how Next.js took over the world.

BBC Online — A year with serverless https://medium.com/bbc-design-engineering/bbc-online-a-year-with-serverless-ffc2ae474277
Using serverless takes away the need to spend time engineering the fundamentals of your platform, instead allowing you to focus on the value you deliver to your customers. So what have we been doing with that time?

Those HTML Attributes You Never Use https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.

A detailed guide to colors in data‑vis style guides https://blog.datawrapper.de/colors-for-data-vis-style-guides/
How to create an organizational color palette

What problems can web frameworks solve? https://mp.weixin.qq.com/s/lj3xaLRUtTuItgl44AG2ag
Noam Rosenthal delves into the common technical features of various frameworks, explains how each framework implements those features, and discusses the associated costs.

The Underrated Deno https://mp.weixin.qq.com/s/yovxkRC_RPg7kzGnGkUzag
When people treat Deno as just “another Node,” they inevitably complain, “Node is good enough; why start a new project with Deno?” The real significance of Deno lies in providing a sandboxed server‑side environment. If Deno’s default capabilities don’t fit your scenario, you can trim it at the rusty_v8, deno_core, or deno_runtime layers to build a sandbox that meets your needs. Such a sandbox can run user code on the server or client (e.g., plugins) and can also host multi‑tenant environments.

“C is no longer a programming language” https://mp.weixin.qq.com/s/cDrI3iblZhBkgR3XitVKKA
I hope I’m wrong. If C were just an independent programming language, we could march forward without hesitation. But it isn’t; it’s a protocol—a terrible protocol—that we still have to use. Sadly, C, you conquered the world, but perhaps you’ll never regain your former glory.

How Meta enables de‑identified authentication at scale https://engineering.fb.com/2022/03/30/security/de-identified-authentication-at-scale/
Data minimization — collecting the minimum amount of data required to support our services — is one of our core principles at Meta as we continue developing new privacy‑enhancing technologies (PETs). We are constantly seeking ways to improve privacy and protect user data across our product family. Previously, we approached data minimization by de‑identifying or aggregating data in post‑processing. However, that reactive approach can become very resource‑intensive at Meta’s scale.

Career tips for beginner developers https://github.blog/2022-03-29-career-tips-for-beginner-developers/
Advice on fundamentals, picking languages to learn, social media presence, interviewing, and more

Why do we need a Social Network for Software Developers? https://blog.greenroots.info/why-do-we-need-a-social-network-for-software-developers
Coding is one of the most valuable skills for developers. However, coding alone is not enough; there’s more to it. Let’s explore.

Fresh Finds

Chrome 101: Federated Credential Management Origin Trial, Media Capabilities for WebRTC, and More What’s new in Node.js core? March 2022 edition Decorators for ES6 Classes Proposal (Mostly) Reaches Stage 3 at TC39 Electron 18.0 Released React Testing Library v13.0 React Arborist: A full‑featured tree component for React

USWDS: The United States Web Design System The GOV.UK Design System is now live [refine: A React‑based framework

(content truncated)

---

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