在Web開發領域，我們的世界變化很快，但我們能確定2021年將帶來什么?通過仔細研究2020年開發者調查的數據，我強調了我認為JavaScript的大故事將會是什么。

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

[[388782]]

包管理

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

測試

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

自從納德拉接任首席執行官以來，微軟已經養成了生產流行且強大的開源工具的習慣。VSCode有人知道嗎?

JavaScript的味道

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

看到社區聚集在這里，我感到寬慰。現在，我們避免不同超集的干擾，更多地關注語言本身。

UI框架

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

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

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

后端

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

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

構建工具

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

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

狀態管理

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

總結

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

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

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

由于特性、瀏覽器支持、運行時和不斷擴大的數字領域的快速發展，JavaScript的版圖一直在擴大。