risingstars发布了2021年JavaScript领域的年终总结“ JavaScript Rising Stars”, 排在第一位的项目令人意外,是谷歌全新推出的命令行工具——VX。
JavaScript Rising Stars的分析数据来自于Best of JS 网站 ,并对比了各个项目在 GitHub 上于过去 12 个月新增的 star 数量,然后选择出了年度最受欢迎的项目,以及各个细分领域受欢迎的项目。
年度最受欢迎的项目 Top 5:zx、Vite、Next.js、React、Tauri
JavaScript Rising Stars年度最受欢迎项目 Top 10分别是zx、Vite、Next.js、React、Tauri、Tailwind CSS、VS Code、Slidev、NocoDB、Vue.js。
排在第一位的 zx,是一个由谷歌推出的全新工具,可用于以 JavaScript 或 TypeScript 编写简单的命令行脚本,支持在代码中嵌入任何 bash 表达式(ls
, cat
, git
...等任何命令!),并支持await
使用 JavaScript 模板字符串的结果。
同时,zx引入了由几个流行的软件包提供的实用工具:
- node-fetch 与浏览器中
fetch
有着相同的 API, 可创建 HTTP 请求;
- fs-extra 可处理文件系统操作;
- globby 以用户友好模式来匹配给定的文件名;
排在第二位的Vite ,是一个使用 esbuild 编译器、性能优异的构建工具。刚创建时,仅支持Vue.js,目前为主流UI框架都提供了支持:React、Svelte、Lit。
排在第五位的Tauri ,在2021年5月刚刚发布了 1.0 Beta版本,是一个使用 Web 技术构建桌面应用程序的解决方案。
比较遗憾的是, Astro 未能进入到Top 10。它是今年最值得关注的项目之一,是一个加载速度更快的建站工具,因为使用了较少的 JavaScript,最重要的是Astro 页面可以用任何框架编写的 HTML 和组件组合来构建,包括React、Vue.js 或 Svelte等等。
最受欢迎的前端框架 Top5:React、Vue.js、Svelte、Angular、Solid
JavaScript Rising Stars 最受欢迎前端框架 Top 5分别是React、Vue.js、Svelte、Angular、Solid。
这是React第一次成为JavaScript Rising Stars 中最受欢迎的前端框架Top 1。主要原因是Vue 2和Vue 3的数据被分开统计了,如果合并在一起,Vue才是第一位。
另一个比较惊人的变化是 Svelte 崛起,超越 Angular 占据第三位,越来越多的工具或组件将 Svelte 纳入目标框架中,例如 Vite。同时,还有一个劲爆新闻,Svelte 的创造者 Rich Harris 加入 Next.js 背后的 Vercel 团队。与 Next.js 一样,Svelte 也有自己的元框架来构建高性能的应用程序:SvelteKit。
排在第五位的Solid,是一个React的替代品,组件使用 JSX 编写,不同的是它不像 React 那样依赖虚拟 DOM。
最受欢迎的Node.js项目Top 5:Next.js、Nest、Strapi、Remix、Nuxt
JavaScript Rising Stars 最受欢迎的Node.js项目Top 5:Next.js、Nest、Strapi、Remix、Nuxt。
主流前端框架都有自己的 “元框架” 来构建现代和可扩展的应用程序,提供诸如路由、服务器端渲染、提前静态生成页面、为生产优化构建等功能。
- Next.js 是React的服务端渲染框架;
- Nuxt 是Vue 2和3的轻量级应用框架;
- SvelteKit是Svelte的开发框架;
Remix是一个构建 React 应用的全栈框架,也是这个类别中的新秀,由 React Router 的作者创建。该项目自公开以来得到了很多助力,slogan是Web Fundamentals, Modern UX,因为它的API尽可能遵循 web 标准(HTTP响应,表单提交...)。
除了以上元框架,在第二位的 Nest 是更传统的服务器端 Node.js 框架的领导者,不与任何 UI 库相联系。
排在第三位的 Strapi 是 “headless CMS” 的领导者,提供丰富的仪表盘让用户管理数据和现代 API,支持开发者从数据中建立应用的应用程序,最新版本提供了一个建立在 React 组件库之上的设计系统。
最受欢迎的构建工具Top 5:Vite、esbuild、swc、Turborepo、Nx
JavaScript Rising Stars 最受欢迎的构建工具Top 5:Vite、esbuild、swc、Turborepo、Nx。
排在第一位的 Vite已经被广泛采用(比 snowpack 更快),引领了一个新的工具生态系统(如 Vitest,一个基于 ES 的现代测试框架)。ES 模块也在 Node.js 生态系统中逐渐被接纳。但这并不容易,例如TypeScript 在 Node.js 中推迟了对 ES 模块的支持。
出于对性能的考虑,越来越多的前端工具开始用其他语言构建的。Rust 是 JavaScript 基础设施的未来。Rust 特别有趣,因为它既有很好的性能,又与 JavaScript 有互操作性。
NAPI-RS 允许 JavaScript 和 Rust 在没有任何序列化成本的情况下相互通信。Next.js 正押注 SWC,这是一个可扩展的 Rust 编译器,允许他们将最流行的 Babel 插件移植到 Rust。Parcel 2 已经发布了一个新的 Rust 编译器。Rome 工具链也正在用 Rust 重写。
Rust 显然是领先的非 JS 语言,但它并不是唯一提供出色性能的语言。Bun 是用 Zig 写的;Turborepo和 esbuild是用 Go 写的,值得注意的是,Evan Wallace 离开了Figma:这可能让他有更多的时间来研究 esbuild。
在 monorepo 领域,Lerna 仍然被广泛使用,但维护得不是很好。Nx,一个有助于大幅减少构建时间的单引擎工具,其一直在快速增长。而竞争者 Turborepo 在被 Vercel 收购后在营销方面受益良多。
最受欢迎的Vue 生态圈工具Top 5:Slidev、Vue Element、Admin、Headless UI、Naive UI、vue- next
JavaScript Rising Stars 最受欢迎的Vue 生态圈工具Top 5:Slidev、Vue Element、Admin、Headless UI、Naive UI、vue- next。
Vue 3 正式发布一年后,Vue 生态圈创新正在飞速发展。新的语法,如 Vue 3 核心中的 <script setup>
,将组件创作的体验提升到一个新的水平;新的 VS Code 扩展 Volar 为 Vue 带来了一流的 TypeScript 支持;以 Composition API 为基础建立的新状态管理器 Pinia 成为 Vuex 的继承者。
随着 Vite 成为 Vue 新的默认工具,Nuxt 3、Quasar 和 VitePress 等元框架现在都使用 Vite 作为其默认引擎,使得开发者体验有了巨大的改进,并为创新打开了许多新的大门。
同时,社区也在积极改善Vue 2升级到Vue 3的开发者体验, Vue 应用在开发者体验和性能方面都得到了巨大的改善。
最受欢迎的React生态圈工具Top 5:
JavaScript Rising Stars 最受欢迎的React 生态圈工具Top 5:Next.js、Ant Design、MUI、Remix、react- use。
React 18 RC 版本已经发布,具备很多开箱即用的功能,例如自动批处理以减少渲染或 SSR 对 Suspense 的支持。
React 18 增加了期待已久的并发渲染器和对 Suspense 的更新,但还没有重大的突破性变化。未来,React 将继续发力于浏览器和服务端,在 React Native 的多平台愿景下,获得更广泛的应用。
其它受欢迎的项目
JavaScript Rising Stars 最受欢迎的 CSS in JavaScript 项目Top 5:vanilla- extract、Styled Components、Stitches、Twin、Emotion。
JavaScript Rising Stars 最受欢迎的测试框架 Top 5:Playwright、Storybook、Cypress、Puppeteer、Jest。
JavaScript Rising Stars 最受欢迎的移动开发工具 Top 5:React Native、Ionic、Expo、Quasar、Flipper。
JavaScript Rising Stars 最受欢迎的桌面开发工具 Top 5:Tauri、Electron、Svelte NodeGUI、NodeGUI、Neutralino。
JavaScript Rising Stars 最受欢迎的静态网站生成器 Top 5:Next.js、Astro、Docusaurus、Nuxt、Nuxt 3。
JavaScript Rising Stars 最受欢迎的状态管理工具 Top 5:Zustand、XState、Jotai、Recoil、Pinia。
JavaScript Rising Stars 最受欢迎的GraphQL项目 Top 5:Prisma、Hasura GraphQL Engine、Redwood、Gatsby、GraphQL Code Generator。
2021 JavaScript Rising Stars 榜单:risingstars.js.org/2021/en