作者丨徐杰承

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

TOP1 zx?

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

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

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

TOP2 Vite?

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

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

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

TOP3 Next.js?

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

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

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

TOP4 React?

摘得第四名的是 React，關(guān)于 React 應(yīng)該不必做過(guò)多介紹了。數(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 加載更快的頁(yè)面的幾個(gè)新特性。

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

TOP5 Tauri?

占據(jù)第五名位置的是 Tauri，Tauri 是一個(gè)多語(yǔ)言工具鏈，主要用于構(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)中禁用了開(kāi)發(fā)者工具，因此 Tauri 的安全性也遠(yuǎn)高于 Electron。

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

寫(xiě)在最后?

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

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

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

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