在Web開發(fā)中，我們的世界迅速變化，但我們可以識別2021將帶來什么?通過從2020個(gè)開發(fā)人員調(diào)查中仔細(xì)審查數(shù)據(jù)，我突出了我認(rèn)為大型JavaScript故事的想法。

[[404493]]

在進(jìn)入詳細(xì)信息之前，請快速注釋JavaScript調(diào)查?？杀氖牵乱粋€(gè)版本的優(yōu)秀前端工具調(diào)查，不會出現(xiàn)一段時(shí)間，這使得發(fā)現(xiàn)趨勢更加困難。雖然我們可能會縮小一個(gè)良好的調(diào)查，但是一個(gè)新的一個(gè)新的液體突然出現(xiàn)：前端的狀態(tài)。雖然沒有以前的年度數(shù)據(jù)來幫助我們看到趨勢，但它被來自世界各地的4500名開發(fā)人員填充，所以這絕對是一個(gè)有價(jià)值的資源。

讓我們潛入并探索從數(shù)據(jù)獲得的洞察力。

包管理工具

去年，我建議我們注意PNPM的崛起，這旨在避免版本沖突并與Monorepos一起玩。它去年有一些熱情的倡導(dǎo)者，并在Github上達(dá)到了9.5萬星，所以它明顯贏得開發(fā)人員。然而，鑒于嵌入式Y(jié)arn和NPM在現(xiàn)場項(xiàng)目以及既有新功能的情況下，鑒于2021年，我覺得它不太可能認(rèn)真競爭2021年的使用。這些特征中的一些是直接響應(yīng)PNPM的，特別是工作區(qū)的開發(fā)。這只是展示競爭在駕駛開源軟件方面的重要性程度。

測試

2019年，Cypress和Puppeteer在2020年突出了高新的條目，兩者都繼續(xù)取得成功。但是，微軟為Playright的形式帶來了一個(gè)新的E2E測試工具，似乎從無處出現(xiàn)并僅在2020年僅在20千升之下。作為世界上最大的軟件公司之一，他們擁有群集廣泛促進(jìn)他們的商品，但這僅部分地解釋了該工具的普及。主要原因是其特征集和來自Puppeteer的簡單遷移路徑。

> Playright tops the Rising Stars testing frameworks chart despite not having featured at all in 2019

由于Nadella擔(dān)任首席執(zhí)行官，微軟制定了一種生產(chǎn)流行和強(qiáng)大的開源工具的習(xí)慣。vscode任何人?

JavaScript風(fēng)格

我在去年表示，Typescript慢慢但肯定地取代了JavaScript世界;這種趨勢加劇了。無數(shù)的開源項(xiàng)目急切地將其列為功能。Deno是2020年是最具出售的GitHub項(xiàng)目，附帶了內(nèi)置的類型標(biāo)注編譯器。

去年，鑒于對靜態(tài)類型和函數(shù)規(guī)劃的興趣，我們謹(jǐn)關(guān)注Prescript，它強(qiáng)制執(zhí)行。然而，2020年的采用不是那么廣泛，只有641個(gè)新星在GitHub上，興趣下降3%?？碩ypeScript與競爭對手之間的巨大用法差距，感覺就像語言戰(zhàn)爭結(jié)束，微軟的產(chǎn)品贏了。任何新人都會在社區(qū)審議多年和語言過載的氣氛后，努力使我們的注意力得到促進(jìn)。

這是一個(gè)我解除的區(qū)域，以便看到社區(qū)會聚?，F(xiàn)在，我們避免對不同超級集的分心，并更多地關(guān)注語言本身。

UI框架

Vue是2019年最具特色的框架，這是當(dāng)時(shí)的大新聞，并發(fā)出明確的信息：開發(fā)人員喜歡它。這是2020年的同一個(gè)故事。但是，當(dāng)我們看看NPM下載時(shí)，React的市場份額仍然是巨大的。

> React downloads in the past year

其他有用的指標(biāo)：GitHub中的標(biāo)簽和廣告作業(yè)。目前，GitHub上有超過80k的Repos標(biāo)記為“React”，與25K為“Vue”相比。期待就業(yè)市場，最后五月職業(yè)生涯Karma在美國的React開發(fā)人員發(fā)布了10,005個(gè)工作機(jī)會，只有1,025個(gè)Vue的工作機(jī)會。React是普遍存在的，悲傷的競爭很僵硬。

我無法在不提及Svelte和Angular的情況下得出結(jié)論。Angular仍然很受歡迎 - 去年它獲得了13.3k顆新的明星，并在NPM上每周下載近25億下載。這可能會對一些令人驚訝的是，給予React的主導(dǎo)地位，但這些統(tǒng)計(jì)數(shù)據(jù)值得識別。Svelte，非常年輕，但在JS狀態(tài)下取得滿意度圖表。但是，由于對React和Vue Devs的陡峭學(xué)習(xí)曲線，我只希望它在2021年度在2021中獲得適度的收益。

后端

現(xiàn)在這是一個(gè)復(fù)雜的空間，靜態(tài)站點(diǎn)的框架與API生產(chǎn)的框架坐在一起。如果我們稍微打破一下，并看一下僅限服務(wù)器框架，我們可以看到Express仍然坐擁著51.5萬星。然而，Nest已經(jīng)在2020年爆發(fā)了一個(gè)驚人的10.3k新的星星，總共達(dá)到了33.6k。開發(fā)人員已經(jīng)采取了它，因?yàn)樗鼈儽蛔砸詾槭牵梢约涌扉_發(fā)和簡化維護(hù)。哦，我提到它使用Typescript嗎?

看著全堆棧框架的擴(kuò)散，在這個(gè)空間中的心靈和思想都有一個(gè)非常重要的戰(zhàn)斗，因?yàn)樗鼈儗軜?gòu)，性能和工作方式具有如此大的影響?；赗eact的框架，NextJS和Gatsby仍然比使用的VueJS對應(yīng)物更受歡迎，但只能確認(rèn)我們已經(jīng)了解了UI框架生態(tài)系統(tǒng)的內(nèi)容。真正值得注意的是，Gatsby的滿意度降低了多少。軼事證據(jù)表明它有一個(gè)令人困惑的DX，盡管有足夠的證據(jù)來駁斥在線。使用Vercel開發(fā)的NextJS并將像靜態(tài)網(wǎng)站生成這樣的功能向其軍火庫開發(fā)，我只能看到今年的力量力量。

構(gòu)建工具

這個(gè)地區(qū)現(xiàn)在有一些值得注意的競爭。盡管對WebPack的DevX有所抱怨，但它長期以來一直統(tǒng)治至高無上，并且仍然具有最高的主要使用率。去年，我們看到羅馬挑戰(zhàn)這個(gè)空間，今年我們有eSbuild，Snowpack和Vite走上了上升的星星圖。ESBuild的匯率很簡單：加快構(gòu)建時(shí)間。這對許多工程團(tuán)隊(duì)來說顯然非常有價(jià)值，并解釋了朝向它的舉動。

> esbuild and Snowpack are joint top of the State of JS 2020 build tools chart

雖然GitHub Stars是一個(gè)公制，但是Snowpack在JS調(diào)查狀態(tài)下，更重要的是，它是一個(gè)滿意度圖表的聯(lián)合之外。雖然用法可能仍然很低，但我覺得它的時(shí)間來了。SnowPack和Vite的受歡迎程度發(fā)出重要信息：本地ES模塊是由社區(qū)認(rèn)真對待的。這是一個(gè)巨大的主題，因?yàn)樗鼘?gòu)建過程，緩存和開發(fā)/刺激模塊對稱性的影響。

狀態(tài)管理

沒有其同伴狀態(tài)管理，UI框架將是什么?拋開關(guān)于復(fù)雜性的辯論與未來打樣，這一區(qū)域特別有趣，因?yàn)镽edux從兩角度受到挑戰(zhàn)：從React本身和獨(dú)立的新人之間。

我從個(gè)人體驗(yàn)中了解了強(qiáng)大的React的鉤子和上下文API，但他們確實(shí)有他們的局限性。無論哪種方式，它們肯定是React開發(fā)人員的重大打擊，幾乎一半的前端參與者陳述他們使用它們。

> State of Front End 2020 Survey State Management Category

結(jié)論

在去年的文章中，我探討了合并的主題。經(jīng)過多年的不同模式，框架和庫感覺就像我們在模式和實(shí)踐中對齊。雖然我覺得這一趨勢在2020年持續(xù)下去，但很明顯，JavaScript的受歡迎程度導(dǎo)致了以前保護(hù)其他語言的市場的工具;通過越來越多的E2E測試和機(jī)器學(xué)習(xí)工具說明。

從2020個(gè)數(shù)據(jù)中出現(xiàn)的關(guān)鍵主題是大型軟件供應(yīng)商定義了JavaScript橫向。微軟的Typescript正在成為一個(gè)建立在它的行業(yè)標(biāo)準(zhǔn)和項(xiàng)目，它具有更好的成功機(jī)會，Nest和NextJs(不困惑)是一個(gè)很好的例子。

Jamstack方法的影響和速度需求也是影響因素，靜態(tài)站點(diǎn)發(fā)生器和eSBuild等工具非?？焖俚赝怀觥?/p>

JavaScript全景只是繼續(xù)擴(kuò)展，通過快速演變，通過功能，瀏覽器支持，運(yùn)行時(shí)間和永遠(yuǎn)擴(kuò)大的數(shù)字地平線推動。

原文鏈接：https://javascript.plainenglish.io/the-javascript-landscape-in-2021-573d5e7a43c6