1 月 7 日，JavaScript Rising Stars 正式公布 2024 年 JavaScript 明星項目榜單，該榜單提供了 2024 年 JavaScript 生態(tài)系統(tǒng)中熱門項目的 Github Star 增長情況，shadcn/ui 再次成功登頂 2024 年最熱門前端項目，去年也是它！

最受歡迎的項目

shadcn/ui 不出意外的再次成為年度最火前端開源項目，與其他流行的 UI 組件庫不同，shadcn/ui 并非一個可下載的 NPM 包，開發(fā)者只需復(fù)制組件代碼即可集成到項目中。

前端框架

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

React 生態(tài)系統(tǒng)

• 2024年，React 最大的更新就是發(fā)布了 v19 以及帶來了全新的 React Complier 以自動優(yōu)化 React 應(yīng)用。
• React Scan 最近也蠻火，它用于檢測 React 項目的性能問題，短時間內(nèi)就積累很多 Github Star。

Vue 生態(tài)系統(tǒng)

• 2024 年 Nuxt.js 也一直在努力更新，獲得了更多的關(guān)注和新用戶。
• 隨著 Shadcn UI 的持續(xù)爆火，社區(qū)也出現(xiàn)了 Vue 版本的 Shadcn，Vue 開發(fā)者可以一試。

后端/全棧

• Next.js 在 2024 表現(xiàn)也非常亮眼，npm 下載量增加了 50%+；
• Hono 成為最受歡迎的 Web 服務(wù)器，它被視為 Express 的現(xiàn)代替代品。

構(gòu)建工具

• Vite 作為構(gòu)建工具領(lǐng)域的新星，2024年越來越受歡迎，其下載量已經(jīng)達到了 Webpack 的 50%，早晚會實現(xiàn)超越！
• Rolldown 作為 Rollup 的現(xiàn)代替代品，目前已推出測試版，預(yù)計將在 2025 年全面替換 Vite 底層使用的 Rollup。

移動端

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

狀態(tài)管理

Zustand 是 React 中最受歡迎的狀態(tài)管理庫，個人認為這是目前最好用的狀態(tài)管理庫，比 Redux、Mobx 心智負擔(dān)小很多，簡單好用！

AI

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

樣式

Tailwind CSS 可能是目前最火的 CSS 框架，它強調(diào)的是原子級的 CSS 類，它將各種樣式定義為獨立的類，開發(fā)者可以輕松地組合和應(yīng)用這些類來構(gòu)建出所需的樣式，讓開發(fā)者終于可以擺脫煩人的 CSS 了。

UI 組件庫

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

測試

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

桌面端

Tauri 直接對標(biāo) Electron，它使用后 Rust 開發(fā)，主打更快、更小、更安全。不過，社區(qū)的反饋不一，很多開發(fā)者覺得 Tauri 還不夠成熟，存在很多問題，希望未來越來越完善。

靜態(tài)站點生成器

Astro 可能是這兩年最熱門的靜態(tài)站點生成器之一，其支持提供任何主流前端框架來開發(fā)靜態(tài)應(yīng)用，內(nèi)置了很多創(chuàng)新功能，如果你需要開發(fā)文檔類等靜態(tài)應(yīng)用，Astro 值得一試！