2024 前端框架趨勢預測

2024年1月26日

💎 加入 E+ 成長計畫 與超過 250+ 位軟體工程師一起在社群中成長,並且獲得更深入、系統性軟體工程內容

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

🧵 如果你想收到最即時的內容更新,可以在 FacebookInstagram 上追蹤我們