2024 前端框架趋势预测

2024 年的最开始，让我们一起来关心 2024 前端会有什么趋势发展吧。

除了过往比较大众的 React、Vue 与 Angular，过去一年 Svelte、Solid、Qwik 等 UI 套件也都有了重大的进展；Web Components 也是，例如 Google 的 Lit 也在 2023 年的十月出了第三版。

不仅如此，在 2023 年前端与后端的界线似乎也逐渐变更模糊，例如 React 的 RSC 跨入伺服器端，或者 HTMX 让后端工程师更容易跨入前端。在黄玄的《我的大前端世界观》演讲中，他提到未来也许分野不再是前端与后端，而是系统与产品，而产品工程师都需要掌握整个技术栈，意即会是全端工程师。

前端未来会如何变化，也很难说准，毕竟在几年前社群讨论的焦点都在 PWA，但过去两年的重点又变得很不同，现在几乎多数前端框架都开始往伺服器端，例如 React 近两年的 React Server Components。

Solid.js 的创作者 Ryan Carniato 先前写了一篇《JavaScript Frameworks - Heading into 2024》谈论 2024 年的 JavaScript 框架发展的讨论。Ryan 在去年也发了类似的文章，也成功地预测到 2023 年 Signals、Hybrid Routing、Edge 会是 JavaScript 框架的发展主轴。

而在 2024 年，Ryan 仍然预测 Signals 会是讨论重点，因为 Solid.js 而流行起来的 Signals，现在可以在 Vue 的 Vue Vapor，以及 Svelte 的 Svelte 5 都看见 Signals 的身影，可以预见在 2024 会有更多框架导入 Signals 的概念。

Signals 外，基础设施导向的开发 (Infrastructure-Led Development) 是 Ryan 预测的第二个趋势。去年许多提供部署 (deploying)、寄存 (hosting) 的平台，也开始提供更多服务。例如 Vercel 等多个平台都推出自己的 key-value 与 blobs 储存方案，在 2024 年预计会有更多。

过去一年在全世界被广泛讨论的 AI，在 2023 年还没有真的跟 JavaScript 框架有太完整的整合。不过 2024 年可预期会有一波导入。举例来说，去年在社群引起讨论的 million.js，推出整合 AI 的 million copilot，从框架的角度直接帮你检测为什么会有效能问题，以及可以如何改善。

对于 Signals、Infrastructure-Led Development 以及 AI 等趋势，如果你还有不熟悉的，推荐可以趁 2024 年的最开始补齐相关知识！