2021年JavaScript明星專案公布，最受歡迎的竟是它？

作者：Michael Rambeau
編譯：郭露
原文鏈接：https://risingstars.js.org/2021/en#conclusion

在過去一年中，JavaScript生態圈的技術框架大放異彩，根據GitHub中增加的星星數量排名，JavaScript領域最受歡迎的專案是zx、Vite和Next.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資料更少，

這一概念與靜態站點生成 (SSG) 非常相似，但主要區別在于Astro支持在頁面中使用動態互動內容，

以下是能夠在客戶端渲染動態組件的情況：

• 頁面加載時
• 頁面閑置時，前提是它是一個低優先級的組件
• 當使用瀏覽器Intersection Observer API時組件可見時

Astro最大的優勢在于其頁面可以使用HTML和任何框架撰寫的組件組合進行構建：React、Vue.js或Svelte，

前端框架

自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，

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模塊，但難度要更大，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收購后搶占了巨大的市場，

Vue生態圈

在Vue 3正式發布的一年中，Vue生態系統正以前所未有的速度迅速發展，
Vue生態系統提供的新的語法對于創作組件更加友好，同時新的VS Code插件Volar可為Vue提供TypeScript支持；基于Composition API的狀態管理器Pinea成為Vuex的替代品之一，

隨著Vite成為新的Vue的默認工具，Nuxt 3、Quasar和VitePress等元框架均選擇Vite作為默認引擎，Vite大大地提高了開發者體驗，并為開發創新提供了新的支撐，

同時開發者在努力將Vue 2的DX遷移到Vue 3上，對于Vue開發者來說，2021年是偉大的一年，他們的應用在DX和性能方面都得到了極大改善，

React生態圈

React 18即將發布，現在已經可以使用RC版本體驗新功能，例如自動批處理以減少渲染或SSR對Suspense的支持，

React 18增加了人們期待已久的并發渲染器并支持Suspense，但沒有任何重大更新，其初始版本將提供部分并發功能，例如startTransition，React去年在各瀏覽器和服務器上迅速發展，期待它能夠走得越來越遠，

JavaScript中的CSS

測驗框架

移動開發

桌面開發

靜態站點

狀態管理

GraphQL

結論

為構建更好的網站和應用程式，元框架時代已悄然來臨，Next.js、Nuxt、SvelteKit以及Remix等框架都為開發者了更多的可能，

許多JavaScript社區中的著名成員都加入了科技公司并從事開發作業：

• Kent C. Dodds加入了Remix團隊，他認為Remix能夠為用戶帶來絕佳的開發體驗，
• Svelte的作者Rich Harris、React核心團隊的Sebastian Markb?ge以及Jared Palmer則加入了Vercel，并采用開源解決方案來管理monorepos（Turborepo），

由于開發者越來越注重速度的提升，因此Rust和Go等編程語言的應用范圍越來越廣，JavaScript前途未卜，

Deno開始采用swc工具，過去一年中其表現依舊非常強勢，并且仍在不斷推出更新，同時Deno還推出了Deno Deploy，

2022年能否成為JavaScript全堆疊應用的黃金時代呢？讓我們一起期待一下吧！