2020年前端的路在何方

依賴管理

Yarn Berry 發佈,做為yarn的下一代產品,對於我們最直接的影響就是node_modules的改變,之前我們yarn install,生成的這些node_modules目錄通常包含大量文件,生成它們可以佔運行所需時間的70%以上。而新版的yarn2,使用了pnp.js,生成單個.pnp.js文件和.yarn文件夾,而不是通常的文件node_modules。該.pnp.js文件不包含已安裝軟件包的源代碼,而是包含將軟件包名稱和版本鏈接到磁盤上某個位置的映射,以及包含將軟件包名稱和版本與其依賴項集鏈接的另一個映射。得益於這種高效的系統,Yarn可以告訴Node確切的位置。這大大加快了運行速度,統計壓縮了整個項目體積。

不過可以想象的是,如果將現有項目遷移至Yarn2 的話還是以一定的成本的,不過它給了我們一種除了,node_modules之外的選擇,不過市場是否會接受這種新生事物還需要時間來驗證。

編譯

Webpack 5 正式版發佈,號稱能大幅提升構建性能,不過實際效果還是需要大家實際體驗一下~

rust 可能會侵佔原有js工具鏈生態,更多的前端工具可能會採用rust來實現,這也將大大提高編譯運行的速度

場景

app市場飽和難有新生事物,小程序快應用等將繼續發力,用戶更多的應用場景將脫離app,微信成為最大的贏家。

小程序將會可以在pc上運行,並且可能降低pc上小程序的一些限制,並提供更豐富的接口。

Serverless

Serverless的發展會讓前端更多的參與到後臺建設中,甚至部分應用可能會徹底脫離後端的束縛,採用更加鬆散的方式運行在小程序之類的環境上。

react

很多react項目可能會脫離數據流,直接採用hooks

工具

ESLint + Prettier 組合成為主流 Lint 工具,JSHint、JSLint 和 TSLint 淡出

react-testing-library + Jest 成為主流測試工具,enzyme 淡出


2020年前端的路在何方


分享到:


相關文章: