工具|2021 年 JavaScript 明星项目公布，最受欢迎的竟是它？( 二 ) Vite|React|明星|框架|组件|

文章图片

Node.js框架
一般来说，各大UI框架都拥有自己的“元框架”来构建可扩展的应用程序，并提供诸如路由、服务器端渲染（SSR）、生成静态页面、优化构建等功能。

React拥有最优秀的元框架Next.js
Vue.js的元框架为Nuxt ，同时Vue.js分为Vue.js v2和v3两个版本。
Svelte的元框架为SvelteKit

排在第二位的 Nest为服务器端Node.js框架的先驱，不与任何UI库相关联。
位列第三的 Strapi则是“无头CMS”的先驱， Strapi拥有强大的功能，用户可进行数据管理，其最新版本提供了建立在React组件库之上的设计系统。
Remix由React Router的作者创建，为构建React应用的全栈框架，是Node.js框架中的新秀，同时也是今年最惊艳的工具之一。
自推出以来， Remix就受到大量支持。该框架旨在“提供网络基础，提升用户体验” ，其API以网络标准为准（HTTP响应、表单提交等）。

文章图片

构建工具
2021年，构建工具已有的趋势越发明显。
越来越多人开始采用原生ES模块。Vite得到广泛采用（其发展速度比snowpack更快），因而催生出新的工具生态系统（例如基于ES的现代测试框架Vitest）。 Node.js生态圈中也开始采用ES模块，但难度要更大。 Type甚至推迟了对Node.js中ES模块的支持。
出于性能的考虑，越来越多的前端工具采用其他语言进行开发。
Lee Robinson认为，Rust是Java基础设施的未来。 Rust有着良好的性能，同时与Java的互操作性较强。 NAPI-RS可让Java和Rust进行交互。
而Next.js则非常看好 swc的发展，作为一个可扩展的Rust编译器， swc可将Babel插件移植到Rust上。
Rust是最受欢迎的的非JS语言，但它并不是唯一的语言。 Bun采用的是Zig ，而Turborepo和esbuild均采用的是Go 。
在monorepo中广泛采用的仍然是 Lerna 。而单引擎工具Nx能够大幅减少构建时间，其覆盖范围一直在快速扩大。其竞争者Turborepo在被Vercel收购后抢占了巨大的市场。

文章图片

Vue生态圈
在Vue 3正式发布的一年中， Vue生态圈正以前所未有的速度迅速发展。
Vue生态圈提供的新的语法例如Vue 3的< setup>对于创作组件更加友好。同时新的VS Code插件Volar可为Vue提供Type支持；基于Composition API的状态管理器Pinea成为Vuex的替代品之一。
随着Vite成为新的Vue的默认工具， Nuxt 3、Quasar和VitePress等元框架均选择Vite作为默认引擎。 Vite大大地提高了开发者体验，并为开发创新提供了新的支撑。