2022.10.17 - How's life now for you doing front-end development?

Title: 2022.10.17 – How’s Life Going for You, Front‑End Developer?

DevOps & Front‑End People & OpenAI & AIGC & The Real Purpose of Education & Let Your Product Grow Like a Child

This Week’s Hot Topics

How’s life going for you, front‑end developer? https://www.zhihu.com/question/532965157
A sophomore student who will start learning front‑end in junior year. I already know a bit about the “three front‑end swords” and feel anxious about the future. I’d like to get an early glimpse of the current front‑end industry—any advice from seniors?

DevOps is dead; platform engineering is the future https://mp.weixin.qq.com/s/P_XdxR0trQA7huXurgI2SQ
Developers don’t want to deal with infrastructure, yet companies need to control their own infrastructure as they grow. Only platform engineering can reconcile these contradictory demands.

The future of rendering in React https://prateeksurana.me/blog/future-of-rendering-in-react/
In this article we’ll examine React’s current rendering patterns, their shortcomings, and how the new patterns introduced in React 18 aim to fix them.

The Web’s Next Transition https://www.epicweb.dev/the-webs-next-transition
The web is built on technologies that originated more than 25 years ago. HTTP, HTML, CSS, and JavaScript were first standardized in the mid‑1990s (when I was 8). Since then the web has become a ubiquitous application platform, and its development architecture has evolved as well. Today the most popular architecture is the Single‑Page App (SPA), but we are moving toward a newer, better way to build web applications.

New patterns for amazing apps https://web.dev/new-patterns-for-amazing-apps/
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns.

How observability‑driven development creates elite performers https://stackoverflow.blog/2022/10/12/how-observability-driven-development-creates-elite-performers/
Most organizations struggle to change culture or find a formula for success in hard‑to‑mature processes. They often don’t fully understand their own systems.

In‑Depth Reading

Sustainable Web Development Strategies Within an Organization https://www.smashingmagazine.com/2022/10/sustainable-web-development-strategies-organization/
Climate change and sustainability are growing concerns for digital organizations and tech professionals. This article explores ways to raise awareness and drive change within a company to achieve a more positive environmental impact.

Using a Framework Will Harm the Maintenance of Your Software https://berk.es/2022/09/06/frameworks-harm-maintenance/
I gather my quotes, thoughts, and notes on the idea that frameworks hurt the maintainability of the software built with them. I argue that frameworks:

• harm maintainability, but not intentionally;
• have goals different from yours or your team’s;
• make trade‑offs that damage project maintainability;
• can take your project hostage;
• can offer benefits without harming maintainability when used in a decoupled way.

How to Build SVG Line Charts with React, SSR, and Tailwind CSS https://thenewstack.io/how-to-build-svg-line-charts-with-react-ssr-and-tailwind-css/
A tutorial on rolling your own SVG line charts in React using server‑side rendering, with either Next.js or Gatsby.

Why We Use Babylon.js Instead of Three.js in 2022 https://www.spotvirtual.com/blog/why-we-use-babylonjs-instead-of-threejs-in-2022
In 2022 both frameworks are robust and comparable, so choosing either is a safe bet. Most differences are minor nit‑picks, but Babylon.js deserves serious consideration for non‑trivial 3D web applications. This post shares our reasoning for picking Babylon.js at Spot.

Rethinking Low‑Code/No‑Code and Open Source, Part 2 https://www.nearform.com/blog/rethinking-low-code-no-code-open-source-pt-2/
Introducing abstraction layers comes at a cost. In today’s software‑engineering landscape, visual abstraction layers—like many low‑code/no‑code tools—often reduce flexibility and increase the cost of change. Choose your abstraction layer carefully, keeping the cost of change in mind.

When Should We Automate? https://blog.scottlogic.com/2022/10/10/when-should-we-automate.html
A look at how building an automated regression‑test suite early in a project yields benefits later on. Related: Customize and automate user flows beyond Chrome DevTools Recorder

Best Programming Language for Kids https://www.sitepoint.com/best-programming-language-for-kids-to-learn/
Any youngster can benefit from learning to code, but picking the best language for kids can be tricky. This article explores top options for introducing children to programming and how to get started.

Meta Meets Microsoft https://stratechery.com/2022/meta-meets-microsoft/
I think VR has real utility, but it will take time for that utility to become cost‑effective for enterprises and individual users. Meaningful social experiences will take even longer, because they depend on the people you want to hang out with also being on board.

Fresh Finds

• JetBrains invites developers to join the Fleet Public Preview Program

• Lerna reborn — What’s new in v6?

• Volar 1.0: Official IDE tooling support for Vue.js

• Day.js: Fast 2 kB alternative to Moment.js with the same modern API

• Helix: A Kakoune / Neovim‑inspired editor, written in Rust

• React Table Library — an almost headless table library

• React Modern Audio Player

• Shoelace: A forward‑thinking library of web components

• Dapr Runtime v1.9.0

• Intl Explorer: a tool for experimenting with the ECMAScript Internationalization API

• Javet: an awesome way to embed Node.js and V8 in Java

• Aurora 1.2.0: building modern, elegant, and fast Compose Desktop applications

• VirtualBox 7.0.0 released

• PostgreSQL 15

Products & Others

Obsidian 1.0, the all‑new Obsidian https://obsidian.md/1.0
A brand‑new look. A fresh way to browse. An exciting new start.

Introducing the new Airtabl… (content truncated)

---

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