2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?

【编者按】在过去一年中,JavaScript 生态圈的技术框架大放异彩,根据 GitHub 中增加的星星数量排名,JavaScript 领域最受欢迎的项目是 zx、Vite 和 Next.js。开发者越来越看重速度的提升,为构建更好的网站和应用,元框架开始走进大家的视野。许多社区成员都开始从事开发工作,为用户带来更好的体验。今年又将出现哪些表现出色的项目呢?让我们一起来看看吧!

这是「进击的Coder」的第 577 篇技术分享

作者:Michael Rambeau

编译:郭露

来源:CSDN(ID:CSDNnews)

阅读本文大概需要 8 分钟。

9d518c1fd778ef5931fb00ed1059196d.png

最受欢迎的项目:zx、Vite 和 Next.js

今年最受欢迎的项目是谷歌的 zx,可在 JavaScript 或 TypeScript 中编写简单的命令行脚本。

zx 支持在代码中嵌入任何 bash 表达式(ls、cat、git 等等),并借助 JavaScript 模板字面量获得结果。

zx 涵盖了多个软件包提供的功能:

  • node-fetch:使用与浏览器中相同的 API 发出 HTTP 请求

  • fs-extra:运行文件系统

  • Globby:匹配给定用户友好模式的文件名

2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?_第1张图片

排在第二位的是 Vite。Vite 是一个构建工具,可通过 esbuild 编译器提供出色的性能。Vite 最初借助 Vue.js 社区提供支持,但如今 Vite 已兼容主要 UI 框架:React、Svelte 和 Lit。

Next.js 排名第三,在 React 领域依旧保持领先的“元框架”地位。

特色工具

尽管未进入前 10,但它是今年最引人注目的工具之一。Astro 可构建加载速度更快的网站,这些网站的 JavaScript 数据更少。

这一概念与静态站点生成 (SSG) 非常相似,但主要区别在于 Astro 支持在页面中使用动态交互内容。

以下是能够在客户端渲染动态组件的情况:

  • 页面加载时

  • 页面闲置时,前提是它是一个低优先级的组件

  • 当使用浏览器 Intersection Observer API 时组件可见时

Astro 最大的优势在于其页面可以使用 HTML 和任何框架编写的组件组合进行构建:React、Vue.js 或 Svelte。

2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?_第2张图片

8a9b6a4bdf38f89a20db5211cf803aef.png

前端框架

自 JavaScript 明星项目推出以来,React 首次成为最受欢迎的UI框架,其次是 Vue.js。

其中最引人注意的是 Svelt 的崛起,它超过了 Angular,位列第三。如今越来越多的工具以及组件将 Svelte 纳入选择框架中(其中包括 Vite)。而 Svelt 的作者 Rich Harris 于去年加入 Next.js 后的 Vercel 团队。

与 Next.js 类似的是,Svelte 拥有自己的元框架,即 SvelteKit,可构建高性能应用程序。

排名第五的是 Solid,是 React 的替代工具之一。其组件采用 JSX 编写,但与 React 不同的是,Solid 并不依赖虚拟 DOM。

2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?_第3张图片

5831789aed53bface095cc062945fe0d.png

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 年 JavaScript 明星项目公布,最受欢迎的竟是它?_第4张图片

d938e983e0670f6735465799f1001d13.png

构建工具

2021 年,构建工具已有的趋势越发明显。

越来越多人开始采用原生 ES 模块。Vite 得到广泛采用(其发展速度比 snowpack 更快),因而催生出新的工具生态系统(例如基于 ES 的现代测试框架 Vitest)。Node.js 生态圈中也开始采用ES模块,但难度要更大。TypeScript 甚至推迟了对 Node.js 中 ES 模块的支持。

出于性能的考虑,越来越多的前端工具采用其他语言进行开发。

Lee Robinson 认为,Rust 是 JavaScript 基础设施的未来。Rust 有着良好的性能,同时与 JavaScript 的互操作性较强。NAPI-RS 可让 JavaScript 和 Rust 进行交互。

而 Next.js 则非常看好 swc 的发展,作为一个可扩展的 Rust 编译器,swc 可将 Babel 插件移植到 Rust 上。

Rust 是最受欢迎的的非 JS 语言,但它并不是唯一的语言。Bun 采用的是 Zig,而 Turborepo 和 esbuild 均采用的是 Go。

在 monorepo 中广泛采用的仍然是 Lerna。而单引擎工具 Nx 能够大幅减少构建时间,其覆盖范围一直在快速扩大。其竞争者 Turborepo 在被 Vercel 收购后抢占了巨大的市场。

2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?_第5张图片

2d08413dddfe41a06d009e370d49e8bd.png

Vue 生态圈

在 Vue 3 正式发布的一年中,Vue 生态圈正以前所未有的速度迅速发展。

Vue 生态圈提供的新的语法例如 Vue 3 的

你可能感兴趣的:(vue,编程语言,python,java,javascript)