盘点2021年最受关注的Javascript项目

本文译者是360奇舞团前端开发工程师

原文标题：2021 Javascript Rising  Stars

原文作者：Michael Rambeau

原文地址：https://risingstars.js.org/2021/en

欢迎来到 JavaScript Rising Stars 第6版，这是我们对Javascript领域的年度总结。希望你不要错过2021年有关于Javascript的年度盘点。我们将会谈论到元框架以及时尚流行的前端技术。

但是首先，今年我们有了一个新的“冠军”，这是没有人预料到的，它是一个命令行工具！ 下面的图表比较了过去12个月在GitHub上新增的star数。分析的数据来源为Best of JS网站，这是一份精心策划的与web平台相关的最佳项目列表。

Top20

前三甲

今年最流行的项目是zx[1]，这是谷歌推出的一个全新工具，可以用JavaScript或TypeScript编写简单的命令行脚本。

google zx

stars: +24.3k

基本上，通过使用 await 操作符与JavaScript模板字符串,它可以让你嵌入任何bash表达式(ls, cat, git…任何!)。它包括由几个流行的包提供的实用程序:

• node-fetch[2]在浏览器中使用相同的API进行HTTP请求

• Fs-extra[3]用于处理文件系统操作

• globby[4]匹配给定用户友好模式的文件名

其次，Vite[5]是一个构建工具，它使用esbuild[6]编译器来提供卓越的性能。一开始它链接到Vue.js社区，但现在它已经可以支持前端业内主流的UI框架如:React, Svelte[7], Lit[8]。

再次,Next.js[9]保持了它在React世界中“元框架”的领先地位。

Tauri

第五名，Tauri[10]是一个使用web技术构建桌面应用程序的解决方案。与Electron相比，它是用Rust编写的，而且它不会在每个应用程序中都搭载Node.js运行时。1.0版在5月发布了测试版。

特选

虽然没有进入前10名，但Astro[11]是今年最值得关注的项目之一。Astro是一个构建Web加载速度更快的工具，因为它提供了更少的JavaScript。

这个概念接近于静态网站生成(SSG)，但关键的区别是Astro允许你在页面中引入被称为“孤岛”的动态交互性片段。

在客户端渲染动态组件可以采用不同的策略:

• 当页面加载时

• 当页面空闲时，如果它是一个低优先级组件(考虑跟踪)。

• 当组件使用浏览器的Intersection Observer API[12]可见时

最好的一点是Astro页面可以用HTML和任何框架编写的组件的组合来构建:React, Vue.js或Svelte…

前端框架

React

自从我们运行JavaScript Rising Stars以来，React第一次成为最受欢迎的UI框架，但如果我们考虑到