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 年的最開始補齊相關知識！