Essential Frontend Development Reads: 20+ Articles to Boost Your Skills

How to Boost Page Rendering Speed Using Only CSS

Users expect fast web apps; this article introduces four CSS techniques to improve page rendering speed.

https://mp.weixin.qq.com/s/aPguK-dZr7JMA-s2OOFyjg

Recommended: Li Zixu

Fearless – D2 15th Edition Simplified Mind Map Collection

Day 1 notes include sessions on refactoring RxJS architecture, Meituan backend cross‑platform solutions, and global web performance trends.

https://www.yuque.com/zaotalk/nt/d2

Recommended: Wang Mingquan

Principles Series – 2020 Year‑End Chapter: How Far Can SaaS Go?

2020 marked a turning point for SaaS in China; the article discusses sustainability challenges and why only a few SaaS companies will thrive long‑term.

https://mp.weixin.qq.com/s/M5v52xx4jBbEjY1WTbcVOg

Recommended: Zhang Libin

In‑Depth Analysis of the Dagre Layout Algorithm

Explores Dagre layout, its source code, and related research papers as a solution that fits specific business visualization needs.

https://www.yuque.com/antv/g6-blog/xxp5nl

Recommended: Hong Liang

Technical Analysis of a Visual Drag‑and‑Drop Component Library

Discusses editor customization, component drag‑drop, layer management, zoom, undo/redo, property settings, snapping, preview, code export, event binding, animation, PSD import, and mobile mode, plus a demo implementation.

https://juejin.cn/post/6908502083075325959

Recommended: Lv Yueyang

Server‑Side Rendering of React Components: Server Components

Summarizes a 2020 holiday update on research into zero‑bundle‑size React Server Components.

https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html

Recommended: Wang Lei

How to Write Beautiful React Code?

Beyond technical features, the article argues for aesthetic considerations in React code, discussing why visual elegance matters despite its subjectivity.

https://mp.weixin.qq.com/s/3uhFG8lBRQzL0d6GWxuF6Q

Recommended: Li Zixu

What Do Frameworks Bring?

Highlights the long‑term career benefits of mastering frameworks while warning against becoming trapped by them.

https://mp.weixin.qq.com/s/AreRWfVb6L7AaJIhSyaQYA

Recommended: Wu Zhouchang

Vant 3.0 Released: Fully Embracing Vue 3

After eight months of development, Vant 3.0, Vant CLI 3.0, and Vant Use 1.0 were launched, rebuilding the codebase on Vue 3.

https://juejin.cn/post/6909370562003369997

Recommended: Fang Shutao

How I Handle White‑Screen Monitoring (Frontend Tracking)

Describes the need for immediate detection of “white screen” issues, the concept of “planting a mine” (instrumentation), and strategies for timely alerts.

https://juejin.cn/post/6904135847411941390

Recommended: Fang Shutao

Managing Multiple Versions with Git Worktree

Explains how Git worktree can simplify multi‑branch development by avoiding repetitive clone/pull cycles and improving synchronization.

https://www.yuque.com/sensors-fe/blog/vtqdlx

Recommended: Wang Lei

Zero‑Code Serverless Architecture Upgrade: A Case Study

Describes how an online programming education company migrated existing services to a serverless architecture without code changes, integrating with CI/CD and Alibaba Cloud OpenAPI.

https://mp.weixin.qq.com/s/fwCLldCxE3gXnXZMgaBlig

Recommended: Wang Qiangqiang

Capturing User Dwell Time on Pages (Frontend Monitoring)

Explains why measuring page dwell time is crucial for product value assessment and outlines methods to implement such monitoring.

https://mp.weixin.qq.com/s/yWLjYZ0_qOBqpA1cxZoEAA

Recommended: Yu Zhilin

Exploring Architecture Optimization for Large Frontend Projects – Tencent Docs Spreadsheet

Details the massive codebase and complex module dependencies of Tencent Docs Spreadsheet, highlighting challenges of large‑scale frontend engineering.

https://mp.weixin.qq.com/s/4eBQHojRa-YhVzdbUm7kAg

Recommended: Cai Yuan

Technology Doesn't Matter

Summarizes the classic essay “IT Doesn’t Matter,” which argues that as technology becomes ubiquitous, its strategic advantage diminishes, urging firms to control costs.

https://mp.weixin.qq.com/s/LZirbpdb5zjPd6bzJTCVuA

Recommended: Zhang Libin

Why So Many Enterprises Use VS Code

Analyzes VS Code’s explosive growth, open‑source nature, extensibility, and engineering advantages that make it a preferred tool in many companies.

https://mp.weixin.qq.com/s/XkSivbFlxQBF7RyvSVnl3Q

Recommended: Zhao Lei

2020 Frontend Technology Trends Explained

Discusses how frontend development has shifted from pure UI to full‑stack product delivery, driving business impact through continuous innovation.

https://juejin.cn/post/6908713513271689224

Recommended: Shan Shuo

Frontend Reactive Programming and Real‑Time Computing: From RxJS to Flink

Compares reactive programming in frontend (RxJS) with real‑time stream processing (Flink) using examples from a news site and an e‑commerce platform.

https://mp.weixin.qq.com/s/m5kBSTYg95qHHOaZn1NV0g

Recommended: Wang Mingquan