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 值得一試！