一文看盡2024年最受歡迎開源前端框架、UI元件庫、構建工具、CSS框架等明星專案

推薦關注↓
1 月 7 日,JavaScript Rising Stars 正式公佈 2024 年 JavaScript 明星專案榜單,該榜單提供了 2024 年 JavaScript 生態系統中熱門專案的 GitHub Star 增長情況,shadcn/ui 再次成功登頂 2024 年最熱門前端專案,去年也是它!

最受歡迎的專案

shadcn/ui 不出意外的再次成為年度最火前端開源專案,與其他流行的 UI 元件庫不同,shadcn/ui 並非一個可下載的 NPM 包,開發者只需複製元件程式碼即可整合到專案中。

前端框架

Htmx 是 HTML 的一個擴充套件,可以直接在 HTML 中使用屬性來訪問 AJAX、CSS 過渡、WebSocket 和 SSE 等。

React 生態系統

  • 2024年,React 最大的更新就是釋出了 v19 以及帶來了全新的 React Complier 以自動最佳化 React 應用。
  • React Scan 最近也蠻火,它用於檢測 React 專案的效能問題,短時間內就積累很多 Github Star。

Vue 生態系統

  • 2024 年 Nuxt.js 也一直在努力更新,獲得了更多的關注和新使用者。
  • 隨著 Shadcn UI 的持續爆火,社群也出現了 Vue 版本的 Shadcn,Vue 開發者可以一試。

後端/全棧

  • Next.js 在 2024 表現也非常亮眼,npm 下載量增加了 50%+;
  • Hono 成為最受歡迎的 Web 伺服器,它被視為 Express 的現代替代品。

構建工具

  • Vite 作為構建工具領域的新星,2024年越來越受歡迎,其下載量已經達到了 Webpack 的 50%,早晚會實現超越!
  • Rolldown 作為 Rollup 的現代替代品,目前已推出測試版,預計將在 2025 年全面替換 Vite 底層使用的 Rollup。

移動端

Expo 作為一個移動端開發框架,近幾年發展非常迅速,連續兩年成為最受歡迎的移動端工具。

狀態管理

Zustand 是 React 中最受歡迎的狀態管理庫,個人認為這是目前最好用的狀態管理庫,比 Redux、Mobx 心智負擔小很多,簡單好用!

AI

  • n8n 是一個無程式碼自動化平臺,隨著 AI 的爆火,它使開發人員能使用本地大模型構建 AI 功能,因此又在 2024年火了一把。
  • bolt.new 最近可謂是火爆了,它是一個基於瀏覽器的 AI 全棧 Web 開發平臺,由 StackBlitz 推出。只需透過簡單的提示,即可在瀏覽器中自動完成從編寫程式碼到部署應用的全部步驟。

樣式

Tailwind CSS 可能是目前最火的 CSS 框架,它強調的是原子級的 CSS 類,它將各種樣式定義為獨立的類,開發者可以輕鬆地組合和應用這些類來構建出所需的樣式,讓開發者終於可以擺脫煩人的 CSS 了。

UI 元件庫

shadcn/ui 在 UI 元件庫中可謂是一枝獨秀。

測試

Vitest 雖然 Github Star 增長不是很多,但是其 npm 下載量表現亮眼,周下載量最高接近 800 萬,可謂是這兩年發展最快的前端測試框架。

桌面端

Tauri 直接對標 Electron,它使用後 Rust 開發,主打更快、更小、更安全。不過,社群的反饋不一,很多開發者覺得 Tauri 還不夠成熟,存在很多問題,希望未來越來越完善。

靜態站點生成器

Astro 可能是這兩年最熱門的靜態站點生成器之一,其支援提供任何主流前端框架來開發靜態應用,內建了很多創新功能,如果你需要開發文件類等靜態應用,Astro 值得一試!
相關來源:https://risingstars.js.org/2024/zh

==繼續閱讀有福利===

有“前端聖經”之稱的 JavaScript「紅寶書」最近迎來了它的全新升級版——

(五個版本封面集合)
2006 年,在相關學習資料還很匱乏的時候,前端大神 Nicholas C. Zakas 推出了《JavaScript高階程式設計》的第 1 版。這本書以其深入淺出的講解、全面系統的內容,上市後迅速成為前端開發者的學習聖經。
Zakas 的前 3 個版本為這本書奠定了 JavaScript 領域權威教程的基礎。它的成功不僅在於知識的完整性,更在於將複雜的技術點以通俗易懂的方式傳達給讀者,使人能夠輕鬆理解並應用。
隨著時間的推移,前端技術的飛速演變讓 JavaScript 本身的特性和開發生態發生了鉅變。從 2015 年 ES6(ECMAScript 2015)的釋出,到如今每一次的標準更新,JavaScript 已經成為一門強大、通用的程式語言,是現代軟體開發的基石之一。為了緊跟行業需求,《JavaScript高階程式設計》這本書也在不斷升級。
2020 年,Matt Frisbie 接過接力棒,推出第 4 版。第 4 版不僅延續了前幾版的經典內容,更將現代前端開發的核心技術融入其中,讓這本書再次煥發活力。
Matt Frisbie 憑藉其多年一線開發經驗,將這本書打造成了現代前端開發者不可或缺的工具書。正如他在序言中所提到的:“這不僅是一部技術指南,更是凝聚了行業智慧與實踐經驗的結晶。” 
第 4 版一經上市就佔據各大排行榜前列,成為當年的暢銷單品。透過兩代作者的共同努力,這本書目前累計銷量已經突破 40 萬冊。這本幫助了幾代開發者的圖書,深受讀者喜愛,由於自第 2 版起,本書的封面一直採用紅色設計,後來被讀者親切地稱為前端“紅寶書”
隨著 JavaScript 的快速發展,自第 1 版面世至今已經過了 20 個年頭。20 年彈指一揮間,這本書的各個版本見證了前端開發行業從無到有、從弱小到繁盛的歷程,併成為數十萬前端開發者入行、面試、提高的必讀圖書,逐漸成為 JavaScript 開發必讀的“黃金標準”。
作為“黃金標準”,這本書幾乎講解了從零開始學習 JavaScript 及其應用的各個方面,同時也探討了許多高階和前沿主題,確保讀者理解如何使用各種語言特性及它們的適用場景,從而解決現實開發中遇到的業務問題。
Node.js 和 Deno 之父 Ryan Dahl 曾這樣評價這本書:“在現代 JavaScript 生態中,找到一本既有深度又不失實用性的書並不容易,而《JavaScript高階程式設計》恰好做到了這一點!”
《JavaScript高階程式設計(第5版)》購買地址:
🎁 「開源中國」粉絲福利

1、關注「OSC開源社群」公眾號

2、三連本文(點贊、分享和推薦),並在留言區評論,聊聊對《JavaScript高階程式設計(第5版)》的看法
3、其中評論點贊數最高的 3 名使用者可獲贈:《JavaScript高階程式設計(第5版)》(3天后在評論區公佈幸運使用者)
4、本次福利僅限 1 月 13 日之前關注本公眾號的粉絲參與
5、之前獲得過贈書的粉絲不能參與



🌟點關注不迷路

相關文章