399 - 《2024 前端趋势》

以下是 2024.1.8 为杭州数字马力同学准备的分享，时间 30 分钟。

大家好，我是云谦。今天和大家分享下我理解的前端趋势。

这是今天分享的大纲。

前端趋势 12min  
	前端框架  
	元框架  
	React 生态  
	构建工具  
	前端工程化  
	最佳实践  
	AI  
	其他  
	Rust（？）  
我们为什么要了解趋势 2min  
我的 2024 4min  
	> 不给建议，只说我自己。  
	Rust、RSC、AI  
	基础、书、深度好文  
	输出、健康  
	Mako、Umi 5  
广告  

开始之前先做个调研：

• 有多少同学日常会关注前端趋势？
• 有多少同学是 React 技术栈的？
• 有多少同学完整看过一遍 React 官网文档？中文翻译的也算
• 新版 React 文档 react.dev 上线后，有多少同学完整看过？
• 有多少同学已经了解和用过 RSC？
• 有多少同学能熟练科学上网？
• 有多少同学能熟练使用 ChatGPT、Github Copilot 等 AI 工具？
• 有多少同学已经定好了新一年的规划？
• …

前端趋势

先下前端趋势。从不同的维度，看 2023 发生了什么，以及 2024 会发生什么，以及我的想法（可选）。

1、前端框架。

2023 年。Vue 发布了 3.3 和 3.4；Angular 发布了 16 和 17；React 翻新了文档，发布了 10 周年纪录片，发布了 canary 但目前主要给 next.js 用（Vercel 也因其与 React 之间的特权关系而受到一些批评），除此之外没有其他正式发布；年初 Solid 和 Preact 引发的关于 Signals 的讨论非常热闹；此外，还有 Svelte、Solid、Million、Qwik、htmx 也都值得关注。

2024 年。预计 React 发布 18.x、19 alpha、Offscreen 等，希望不只是美好的愿望；React Forget 虽然我非常期望，但由于其复杂度和投入度感觉今年依旧不会发布；Signal 在非 React 框架中继续推进，包括 Vue Vapor、Svelte 5、Angular 等。

我的想法。1）前端框架赢家通吃，大部分前端同学在三大框架中选其一深入就够了，此外的其他方案可能会火一段时间，但长久看都会被淘汰或流于小众，方案虽好，但没有生态就没有发展，2）三大框架首推 React，其在国内外的生态、岗位需求、下载量等都远超另外两个。（大家可以想想，为啥国内大厂普遍都不用 Vue？）

2、元框架。

2023 年。Nuxt.js 更新 3.x，发布 Nuxt Devtool；Next.js 发布 13.X 和 14，引入 App Router 和 RSC；Astro 发布 4 引入了 ViewTransitions 尝试让 MPA 复苏；Remix 切换构建器到 Vite。

2024 年。React 社区的元框架纷纷跟进 Next.js 支持 RSC，比如 Remix 支持 RSC，Redwood 支持 RSC，Docusurus 支持 RSC；大多开发者也将学会使用 RSC；Umi 发布 5；Astro 和 Remix 支持 SPA；其他还有 Waku 值得关注。

我的想法。

1）RSC 是把双刃剑。优点是快，我们的 H5 也用了，缺点就比较多了，比如研发成本、开发体验、适用场景、生态兼容、框架适配、部署复杂度等。都是权衡，就看快这件事是否足够重要和值得投入了；

2）MPA 昙花一现，用户体验始终还是比不上 SPA，Astro 和 Remix 两个 MPA 的框架都在考虑支持 SPA。

3、React 生态。

2023。请求方案，TanStack Query 发布 5；CSS 方案，Meta 的原子化 CSS in JS 方案 stylex 开源，TailwindCSS