在Web開發(fā)領(lǐng)域，我們的世界變化很快，但我們能確定2021年將帶來什么?通過仔細(xì)研究2020年開發(fā)者調(diào)查的數(shù)據(jù)，我強調(diào)了我認(rèn)為JavaScript的大故事將會是什么。

讓我們深入研究并探索我從數(shù)據(jù)中獲得的見解。

[[388782]]

包管理

去年，我建議我們注意PNPM的興起，它的目的是避免版本沖突，并與monorepos玩得很好。它有一些熱情的擁護者，去年在Github上達到了9.5k顆星，所以它顯然贏得了開發(fā)者的青睞。然而，我覺得它不太可能在2021年在使用上展開激烈競爭，考慮到嵌入式Y(jié)arn和NPM在項目中的應(yīng)用，以及它們?yōu)榘l(fā)布新功能投入了多少精力。其中一些功能是直接針對PNPM開發(fā)的，特別是Workspaces。這恰恰說明了競爭在推動開源軟件前進的過程中是多么重要。

測試

在2019年，Cypress和Puppeteer作為高新作品脫穎而出，在2020年他們都繼續(xù)取得成功。不過，微軟帶來了一款新的E2E測試工具Playwright，這款工具似乎是突然出現(xiàn)的，僅在2020年就獲得了不到2萬顆星。作為世界上最大的軟件公司之一，他們有影響力廣泛推廣他們的產(chǎn)品，但這只是部分解釋了該工具的流行。主要原因是它的功能集和Puppeteer的簡單遷移路徑。

自從納德拉接任首席執(zhí)行官以來，微軟已經(jīng)養(yǎng)成了生產(chǎn)流行且強大的開源工具的習(xí)慣。VSCode有人知道嗎?

JavaScript的味道

我去年說過，TypeScript已經(jīng)緩慢但肯定地接管了JavaScript世界，這一趨勢正在加劇。無數(shù)的開源項目都急切地將其列為受支持的特性。Deno是2020年Github上最受歡迎的項目，它自帶Typescript編譯器。去年，我建議我們關(guān)注PureScript，因為它所執(zhí)行的靜態(tài)類型和函數(shù)式編程的興趣。然而，2020年的吸收并不那么強烈，Github上只有641個新星，興趣下降了3%。從TypeScript與競爭對手之間巨大的使用差距來看，感覺語言戰(zhàn)爭已經(jīng)結(jié)束，微軟的產(chǎn)品已經(jīng)勝出。在社區(qū)多年的深思熟慮和語言過剩的氛圍下，任何新人都很難得到我們的關(guān)注。

看到社區(qū)聚集在這里，我感到寬慰?，F(xiàn)在，我們避免不同超集的干擾，更多地關(guān)注語言本身。

UI框架

Vue是2019年最明星的框架，這在當(dāng)時是個大新聞，也傳遞了一個明確的信息：開發(fā)者喜歡它。2020年也是同樣的故事。不過，從NPM的下載量來看，React的市場份額依然巨大。

還有兩個有用的指標(biāo)：GitHub上的標(biāo)簽和招聘廣告。目前在GitHub上有超過80k的倉庫標(biāo)記為“React”，相比之下，有25k的倉庫標(biāo)記為“Vue”?？纯淳蜆I(yè)市場，去年5月Career Karma報道稱，在美國Indeed.com上，React開發(fā)者有1000個工作機會，而Vue開發(fā)者只有1025個。React無處不在，并且經(jīng)受住了一些激烈的競爭。

在不提及Svelte和Angular的情況下，我無法結(jié)束本節(jié)。Angular仍然非常受歡迎——去年它獲得了13300顆新星，在NPM上每周的下載量接近250萬次。鑒于React的主導(dǎo)地位，這可能會讓一些人感到驚訝，但這些數(shù)據(jù)值得認(rèn)可。相比之下，斯威特非常年輕，但在JS狀態(tài)滿意度圖表中名列前茅。然而，由于React和Vue開發(fā)者的陡峭學(xué)習(xí)曲線，我預(yù)計它在2021年只會有小幅增長。

后端

現(xiàn)在這是一個復(fù)雜的空間，用于靜態(tài)網(wǎng)站生成的框架與用于API制作的框架并列。如果我們把它細(xì)分一下，看看只用于服務(wù)器的框架，我們可以看到Express仍然以5.15萬顆星的成績穩(wěn)居第一。然而，Nest在2020年以驚人的1.03萬新星爆發(fā)，使其總數(shù)達到3.36萬。開發(fā)者之所以對它情有獨鐘，是因為他們被它的輿論方式所吸引，它可以加快開發(fā)速度，簡化維護。哦，我有沒有提到它使用了TypeScript?

從全棧框架的擴散來看，這個領(lǐng)域正在進行一場非常重要的人心之爭，因為它們對架構(gòu)、性能和工作方式的影響非常大。NextJS和Gatsby這兩個基于React的框架，在使用量上還是比VueJS的同類框架要受歡迎不少，但這只是證實了我們對UI框架生態(tài)系統(tǒng)已有的了解。真正值得注意的是，Gatsby的滿意度下降了多少。坊間證據(jù)表明，它的DX令人困惑，盡管網(wǎng)上有大量證據(jù)駁斥這種說法。隨著Vercel開發(fā)NextJS并將靜態(tài)站點生成等功能添加到它的工具庫中，我認(rèn)為它今年會越來越強大。

構(gòu)建工具

這個領(lǐng)域現(xiàn)在有一些值得注意的競爭。盡管Webpack的DevX受到了抱怨，但它在很長一段時間內(nèi)都是最高的，而且在各大廠商中的使用率仍然是最高的。去年，我們看到Rome挑戰(zhàn)這個領(lǐng)域，今年我們看到esbuild、Snowpack和Vite在新星榜上嶄露頭角。Esbuild的職責(zé)很簡單：加快構(gòu)建時間。這顯然對許多工程團隊來說真的很有價值，也解釋了為什么會走向它。

雖然GitHub星星是一個指標(biāo)，但在JS狀態(tài)調(diào)查中，Snowpack在興趣榜上名列前茅，但更重要的是，它是滿意度榜的聯(lián)合榜首。雖然使用率可能還很低，但我覺得它的時代即將到來。Snowpack和Vite的流行傳遞了一個重要信息：原生ES模塊正在被社區(qū)重視。這是一個巨大的話題，因為它對構(gòu)建過程、緩存和開發(fā)/生產(chǎn)模塊對稱性的影響。

狀態(tài)管理

如果沒有它的狀態(tài)管理器，什么UI框架是完整的呢?撇開復(fù)雜性與未來驗證的爭論不談，這個領(lǐng)域特別有趣，因為Redux正受到兩個角度的挑戰(zhàn)：React本身和獨立的新來者。根據(jù)我的個人經(jīng)驗，我知道React的Hooks和上Context API有多么強大，但它們也有自己的局限性。不管怎樣，它們都是React開發(fā)者的熱門話題，幾乎有一半的前端參與者表示他們在使用它們。

總結(jié)

在去年的文章中，我探討了整合的主題。在經(jīng)過多年的模式、框架和庫的分歧之后，感覺我們在模式和實踐上正在結(jié)盟。雖然我覺得這個趨勢在2020年還會繼續(xù)，但很明顯，JavaScript的流行已經(jīng)導(dǎo)致了工具在市場上的擴散，而這些工具以前是其他語言的專利;越來越多的E2E測試和機器學(xué)習(xí)工具就說明了這一點。

2020年數(shù)據(jù)中出現(xiàn)的關(guān)鍵主題是，JavaScript的格局正在被大型軟件廠商定義。微軟的TypeScript正在成為一個行業(yè)標(biāo)準(zhǔn)，建立在它基礎(chǔ)上的項目有更好的成功機會，NestJS和NextJS(不要混淆)就是很好的例子。

JAMStack方法的影響和對速度的需求也是影響因素，靜態(tài)網(wǎng)站生成器和ESbuild等工具迅速崛起。

由于特性、瀏覽器支持、運行時和不斷擴大的數(shù)字領(lǐng)域的快速發(fā)展，JavaScript的版圖一直在擴大。