2024年前端明星项目出炉，又是它！

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