异步视界/topics/frontend-2026-radar
· TOPIC 03 · IN-PROGRESS ·

前端 2026 雷达 & FRONTEND-2026-RADAR

2025-11 → 2026-05 半年度前端技术风向调研。覆盖前端工程、设计 / DX / UI、AI × 前端三块,15 篇精读 + 9 篇外文长文全文翻译。

ALL · 24 ORIGINAL · 0 AI · 24

半年一次,把 2025-11 → 2026-05 这条窗口期里最值得干活的前端动向梳理一遍。15 篇精读 中文解读 + 译者点评,9 篇外文长文逐段翻译 + 译注 —— 配对的精读和全文紧挨着排,读到哪就跳到哪。

怎么读

按编号顺序读最稳:01-22 是精读(中文解读 + 译者点评),03 / 09-14 / 23-24 是全文(英文长文逐段翻译,紧跟在配对精读后)。每篇精读底部、每篇全文开头都互相链着,从任何一篇进来都能跳到对位篇。

  • 看到「📖 配套全文」就是一篇精读对应的英文原文翻译
  • 看到「📝 配套精读 + 译者点评」就是回到精读视角

三大主题集群

① 前端工程(Web 平台、工具链、TS、状态、Edge、性能)

编号标题类型
01Next.js 16 Cache Components:PPR 退场,新缓存范式精读
02VoidZero / Vite+ / Rolldown:Rust 化前端工具链总集篇精读 ⇄
03Lee Robinson —《Rust 正在吞噬 JavaScript》全文 ⇄ 02
04TypeScript 7 Corsa Beta:tsc-go,工具链十年最大原生化精读
05Standard Schema 1.0:2026 最重要的『看不见的进步』精读
06Monorepo 2026:pnpm catalogs / Nx 21 / Turborepo 2.6 / Moon 2 / Vite+ vp精读
19Cloudflare 全栈 2026:Containers + DO Facets + Hyperdrive VPC + Realtime精读

② 设计 / DX / UI(CSS、CJK 排版、文档站、协议)

编号标题类型
07CJK 排版三件套:中文 web 必开(2026)精读
20CSS Wrapped 2025:22 个特性的年终总结(Una / Bramus / Rachel)精读
21llms.txt + Diátaxis:2026 docs 站双标准精读

③ 前端 × AI(coding agent、harness、协议、generative UI、编辑器)

⭐ 这一块的内容量最大 —— Addy Osmani 三连(08)外加 5 篇配套全文(09-13);Anthropic 官方 harness 论(14);编辑器范式转向(22)外加 Tanner Linsley 两篇全文(23-24)。

方法论(精读综述 + 5 篇外文长文)

编号标题类型
08Addy Osmani 三连:Factory Model / Comprehension Debt / Harness Engineering精读 ⇄
09Addy Osmani —《工厂模型:Coding Agent 是如何改变软件工程的》全文 ⇄ 08
10Addy Osmani —《理解债:AI 生成代码的隐藏成本》全文 ⇄ 08
11Addy Osmani —《Agent Harness 工程化》全文 ⇄ 08
12Addy Osmani —《长跑 Agent》全文 ⇄ 08
13Addy Osmani —《Claude Code Swarms》全文 ⇄ 08
14Anthropic Engineering —《长跑应用开发的 Harness 设计》全文 ~ 08/22

协议层(精读)

编号标题类型
15SKILL.md:跨工具事实标准(32+ agent 工具读同一份)精读
16MCP 协议:从产品到协议的越线精读
17A2UI v0.9 + Ant Design X-Card:Generative UI 的协议层精读
18Playwright MCP / CLI + SKILLs:AI 写测试的 production 级答案精读

编辑器与 RSC(精读 + 2 篇 Tanner Linsley 全文)

编号标题类型
22Cursor SDK + Zed 1.0:编辑器赛道转向(“内置 AI” → “agent runtime + 中立协议”)精读 ⇄
23Tanner Linsley —《Code Mode:让你的 AI 写程序,而不只是调用工具》全文 ~ 22
24Tanner Linsley —《谁拥有这棵树?RSC 是一种协议,而不是一种架构》全文 ~ 22

类型说明

  • 精读:从原始资料里挑出最有干活密度的几条,中文重写 + 译者点评。每篇 1500-3000 字,带「影响力卡片 / 一句话总结 / 金句墙 / 核心精读 / 译者总评 / 调研来源」六段。
  • 全文:对原文逐段翻译,原文段落用 blockquote 标出,中文直接跟在下面;译者注用 🟢 emoji 标记,作为括号里的额外信息。每篇 5000-15000 字。
  • 表示精读和全文严格 1:1 配对;~ 表示主题相关但不是直接 1:1。

推荐阅读路径

只想看 must-do 的 30 分钟版:01 → 02 → 04 → 05 → 08 → 15 → 16 → 19 → 22

想完整理解 AI × 前端方法论:08 →(09 → 10 → 11 → 12 → 13)→ 14 → 22 →(23 → 24)

做技术选型 / 团队工程化:02 → 04 → 06 → 19 → 14(harness 工程化)

做产品体验 / UI 设计:07 → 17 → 20 → 21