作者丨徐杰承

不久前，Best of JavaScript 官網(wǎng)發(fā)布了第六版 JavaScript Rising Stars，通過對比過去 12 個(gè)月各項(xiàng)目在 GitHub 上新增的 star 數(shù)量，對 2021 年 JavaScript 領(lǐng)域的眾多項(xiàng)目進(jìn)行了排位。通過這份榜單，開發(fā)人員可以更加準(zhǔn)確地了解到前端工具的流行趨勢，并對新一年的學(xué)習(xí)和工作計(jì)劃作出更好的安排。接下來就讓我們看看在過去一年中 JavaScript 領(lǐng)域最受歡迎的五大項(xiàng)目都有哪些。

TOP1 zx?

在榜單中，2021 年的冠軍項(xiàng)目是由谷歌開源并負(fù)責(zé)維護(hù)的 zx，全年共新增 star 24.3k。

zx 是谷歌開源的一款全新工具，用于使用 JavaScript 或 TypeScript 編寫簡單的命令行腳本。此外，zx 允許開發(fā)者在代碼中嵌入任何 bash 表達(dá)式，并為 child_process 提供了封裝器，用于轉(zhuǎn)義參數(shù)并提供切合實(shí)際的默認(rèn)值。

對于熟悉 Linux 或 Windows 等平臺命令行的開發(fā)者而言，zx 將會是一款非常值得嘗試的腳本編寫工具。

TOP2 Vite?

排在第二位的是有望在未來與 webpack 分庭抗禮的新一代構(gòu)建之王 Vite，全年共新增 star 21.4k。

對比于 webpack，Vite 在啟動(dòng)時(shí)不需要進(jìn)行打包，這就免去了分析模塊依賴與編譯的過程，因此 Vite 的啟動(dòng)速度非常快。在熱更新方面，當(dāng)開發(fā)者對模塊進(jìn)行改動(dòng)后，僅需讓瀏覽器重新請求該模塊即可實(shí)現(xiàn)熱更新，這也使得 Vite 擁有比 webpack 更高的熱更新效率。

毫無疑問 Vite 成功瞄準(zhǔn)了 webpack 構(gòu)建速度緩慢的最大缺點(diǎn)。未來，Vite 將很有可能會替代目前 webpack 的大部分市場。

TOP3 Next.js?

排在第三位的是 Next.js,Next.js 在 2021 年再次成功證明了自己在 React 世界中的領(lǐng)先地位，全年共新增 star 19.7k。

與 React 相比，Next.js 最突出的特性是預(yù)渲染。Next.js 可以通過向客戶端發(fā)送頁面的預(yù)渲染版本來解決客戶端渲染網(wǎng)頁緩慢的問題。不僅如此，Next.js 還為開發(fā)者提供了許多精心設(shè)計(jì)的功能來簡化開發(fā)過程，包括自動(dòng)打包、代碼拆分、圖像優(yōu)化、快速刷新等。

Neliti 創(chuàng)始人 Anton Lucanus 表示：Next.js 允許開發(fā)人員創(chuàng)建更加快速且友好的網(wǎng)站，這正是如今我們所追求的。

TOP4 React?

摘得第四名的是 React，關(guān)于 React 應(yīng)該不必做過多介紹了。數(shù)據(jù)方面，React 全年新增 star 18.5k。

值得注意的是，React 團(tuán)隊(duì)在 2021 年 11 月 16 日發(fā)布了 React18 的 beta 版本。新版本中新增了使用 Transition API 進(jìn)行并發(fā)控制，自動(dòng)批處理函數(shù)調(diào)用和事件以提高應(yīng)用程序內(nèi)性能，以及使用 Suspense 為 SSR 加載更快的頁面的幾個(gè)新特性。

相信過不了多久，各位前端同學(xué)就又要有新東西可以學(xué)習(xí)了，真替大家感到高興啊!

TOP5 Tauri?

占據(jù)第五名位置的是 Tauri，Tauri 是一個(gè)多語言工具鏈，主要用于構(gòu)建小型、快速和安全的桌面應(yīng)用程序，作為 Electron 更好的代替品，Tauri 全年共收獲 star 18.0k。

相比于 Electron，Tauri 有以下幾個(gè)優(yōu)點(diǎn)。首先，Tauri 使用操作系統(tǒng)內(nèi)置的瀏覽器，這能夠減少應(yīng)用程序的大小并提高其性能。其次，Tauri 后端使用 Rust 構(gòu)建，這使得直接使用 Rust 成為了可能，并使 Tauri 更快，內(nèi)存效率更高。最后，由于 Tauri 混淆了源代碼，并在生產(chǎn)中禁用了開發(fā)者工具，因此 Tauri 的安全性也遠(yuǎn)高于 Electron。

當(dāng)然，由于 Tauri 的“年齡”問題，目前 Tauri 的社區(qū)并沒有那么強(qiáng)大。但如果你愿意嘗試一項(xiàng)新技術(shù)，Tauri 沒準(zhǔn)會是一個(gè)很好的選擇。

寫在最后?

以上就是 2021 年最受歡迎的五大 JavaScript 領(lǐng)域項(xiàng)目了，當(dāng)然，還有許多其他優(yōu)質(zhì)項(xiàng)目也出現(xiàn)在了這份表單之中。本次僅對它們中的前五名進(jìn)行盤點(diǎn)，感興趣的同學(xué)可自行搜索 JavaScript Rising Stars 了解更多排名信息。

對于如今的大前端工程師來說，快速掌握層出不窮的熱門實(shí)用工具已成為了基本技能。想要進(jìn)一步提升個(gè)人競爭，贏得升值加薪的機(jī)會，則需要一些新“絕招”的支持。

在即將于 4 月 9 日 -10 日在北京舉辦的 WOT 全球技術(shù)創(chuàng)新大會“大前端新技術(shù)實(shí)踐”專題中，由開放原子開源基金會 TOC 成員、Ecma-TC39 特邀專家賀老(Hax)領(lǐng)銜的數(shù)位大前端領(lǐng)域技術(shù)專家將聚焦大前端前沿技術(shù)，分享他們對新技術(shù)的探索和落地實(shí)踐經(jīng)驗(yàn)。對從事前端開發(fā)及其他相關(guān)工作的同學(xué)而言，這將是你不容做過的學(xué)習(xí)與成長機(jī)會。

目前大會 8 折購票中，現(xiàn)在購票立減 1160 元，團(tuán)購還有更多優(yōu)惠!有任何問題歡迎聯(lián)系票務(wù)小姐姐秋秋：15600226809(電話同微信)