js最受欢迎框架榜：前三名是zx、Vite、Next.js

本年度最流行的项目是谷歌的zx，可以用JavaScript或者TypeScript编写简单的命令行脚本。

zx支持将任何bash表达式嵌入到代码中(ls.cat.git等)，并借助JavaScript模板字面量来获取结果。

zx包含多种软件包提供的功能：

node-fetch：用和浏览器中相同的API发出HTTP请求。

fs-extra：运行文件系统。

Globby：匹配给定用户友好模式的文件名。

排名第二的是Vite公司。Vite是一种通过esbuild编译器提供卓越性能的构建工具。Vite最开始是借助Vue.js社区来提供支持的，但是Vite现在与主要的UI框架兼容：React.Svelte和Lit。

Next.js排名第三，它仍然是React领域的领头羊。

特色工具

虽然Astro在前10名中没有出现，但是它是今年最引人注目的工具。Astro可以构建具有较少JavaScript的JavaScript网站的加载率更高。

这个概念类似于静态站点生成(SSG)，但是最大的不同之处是，Astro支持页面内的动态交互内容的使用。

如何在客户端呈现动态组件：

如果页面处于空闲状态，则其为低优先级组件。

在使用浏览器IntersectionObserverAPI时，可以看到组件。

Astro最大的优点是它的页面可以用HTML和由React.Vue.js或者Svelte编写的组件组合来构建。

前端框架

自从JavaScript明星项目推出以来，React第一次成为最流行的UI框架，随后就是Vue.js。

在这些因素中，最引人注目的是Svelt，超越Angular名列第三。今天，有越来越多的工具和组件将Svelte放入选择框架中(包括Vite)。Svelt的作者RichHarris在去年加入Next.js之后成为Vercel团队。

类似于Next.js,Svelte有自己的元框架，也就是SvelteKit，用来构建高性能应用。

第5名是Solid，它是React的替代品。它的组件由JSX编写，但是不像React,Solid不依靠虚拟DOM。

Node.js框架

一般而言，大型UI框架都有自己的“元构架”，用来构建可扩展的应用，并且提供了一些特性，如路由.服务器端渲染(SSR).产生静态页面.优化构建等等。

React有最好的元框架。

Next.jsVue.js的元框架是Nuxt，而Vue.js分为Vue.jsv2和v3。

Svelte的元框架是SvelteKit。

Nest排名第二，它率先建立了服务器端Node.js框架，没有与任何UI库关联。

Strapi排名第三，他是“无头CMS”的先驱，它具有强大的数据管理能力，它的最新版本提供了一个基于React组件库的设计系统。

Remix由ReactRouter的作者创建，它是Node.js框架的一个新的工具，它是用于构建React应用程序的一个完整框架。

Remix自从推出以来得到了广泛的支持。这个框架的目标是“提供网络基础，提升用户体验”，它的API符合网络标准(HTTP应答.表单提交等)。

构建工具

在2021年，构建工具的趋势变得更加明显。

更多的人开始采用本地ES模块。Vite被广泛采用(Vite比snowpack发展得更快)，并因此产生了新的工具生态系统(例如，基于ES的现代测试框架Vitest)。js在Node.js中也开始采用ES模块，但是困难得多。TypeScript甚至推迟支持Node.js中的ES模块。

为了提高性能，越来越多的前端工具使用其他语言来开发。

LeeRobinson相信Rust是JavaScript基础架构的未来。Rust具有很好的性能，同时也更容易与JavaScript互操作性。NAPI-RS允许JavaScript与Rust交互。

而且Next.js对swc的改进很有信心，swc可以把Babel插件移植到Rust，这是一个可扩展的Rust编译器。

Rust是非JS中最流行的一种语言，但并非唯一。Bun采用Zig,Turborepo和esbuild都使用Go。

Lerna仍广泛应用于monorepo。并且，Nx引擎可以大大缩短构建时间，并且它的覆盖面已经迅速扩大。它的竞争对手Turborepo在被Vercel收购后占领了巨大的市场。

Vue生态圈

随着Vue3的正式发布，Vue生态系统正在以前所未有的速度快速发展。

Vue生态系统提供的新语法更有利于编写组件。Volar可以为Vue提供TypeScript支持新的VSCode插件；一个基于CompositionAPI的状态管理器Pinea成为Vuex的一个替代方案。

当Vite成为新Vue时，Nuxt3.Quasar和VitePress等元框架都选择Vite作为默认引擎。Vite极大地改善了开发者的体验，并为开发创新提供了新的支持。

与此同时，开发人员正试图将Vue2的DX迁移到Vue3。对Vue开发人员而言，2021年是伟大的一年，他们的应用程序在DX和性能上都有很大提高。

React生态圈

React18很快就会发布，并且现在可以在RC版本中体验新的特性，比如自动批处理来降低渲染或者Suspense支持。

React18添加了等待已久的并发渲染，并且支持Suspense，但是不会有任何重要的更新，它最初的版本会提供部分并发特性，比如startTransition。React去年在各种浏览器和服务器上快速成长，期望它能越做越大。