本文译者是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框架,但如果我们考虑到