關(guān)于2022 前端會有哪些新的變化引起的討論
本文適合對前端趨勢、主流技術(shù)感興趣的小伙伴閱讀。
歡迎關(guān)注前端早茶，與廣東靚仔攜手共同進階～
前言
關(guān)于本文：
https://www.zhihu.com/question/493891614
Rust是未來前端基建基礎(chǔ)
?廣東靚仔也關(guān)注rust有一段時間了，Rust作為前端工具鏈，幾乎已經(jīng)成為趨勢了。Rust是未來前端基礎(chǔ)設(shè)施，相關(guān)證據(jù)：https://github.com/i5ting/rust-fe
性能提升是真的很強。
esbuild 會逐漸被投入生產(chǎn)之中
webpack 與 esbuild 算我個人經(jīng)常接觸的工具，webpack 是給它實現(xiàn)了一些小的功能，esbuild 則是 10 月份在大型系統(tǒng)中落地。
隨著開發(fā)同學的吐槽此起彼伏才決定硬著頭皮上，最后 esbuild 的速度 ?? 也是超過了我的預(yù)期，短短幾天就有 9 個項目接入，基本可以說是 0 改動。
事實上內(nèi)部項目已經(jīng)決定使用 esbuild 的生產(chǎn)模式。
不過一口吞掉 webpack 也不容易，webpack 支持的功能全面一時難全部重寫，老項目也難動。
pnpm 越來越多的項目開始使用
使用 pnpm 替換現(xiàn)在的 yarn 。無論是 csr 、ssr、monorepos 等類型項目都正在進行中，有近 10個項目已經(jīng)遷移完成。
當時 yarn 的 pnp 特性出來的時候，觀望過一陣子，沒有大面積火起來，遂放棄 ...
現(xiàn)在是注意到 vite、modernjs 等使用了 pnpm，其設(shè)計理念與node_modules的目錄結(jié)構(gòu)也能讓業(yè)務(wù)更加快速安全，所以決定開始全面使用 pnpm
現(xiàn)在存在的一些問題有
- cypress 還不支持 pnpm, 于是提了一個?pr
- 由于 pnpm peer 的設(shè)計，需要注意一下同一個版本包兩份副本的問題
面向開發(fā)者的低代碼是效率工具，會火
反模式
前端本來就是渲染模板和字段綁定，反而越進步變得越復(fù)雜，夾雜了越來越多的膠水邏輯。
還原本質(zhì)：從api到最終渲染的字段，應(yīng)該很純潔
這才是前端破局的一個重點
邏輯可視化
傳送門：https://github.com/i5ting/imove
狀態(tài)可視化
狀態(tài)機可視化xstate做的很棒。
單一狀態(tài)可視化是不具備很大價值的，結(jié)合狀態(tài)，UI，行為，比如會走到低代碼領(lǐng)域。
xstate和imove都只解決了一部分問題。惺惺相惜是正常的。
低代碼
開源的很多，比如fabric，目前看還缺少一個整合的比較好的低代碼實踐。相信2022年，此處還會有進一步發(fā)展。
Nuxt3.0
Nuxt 3.0 正式版發(fā)布。Nuxt 3.0 對于 Vue 的 SSR 世界，應(yīng)該是質(zhì)的改變的一個版本，這個版本對于 Nuxt 團隊也是非常挑戰(zhàn)的，他們用 TS 完全重寫了 Nuxt
? ? ?https://github.com/nuxt/frameworkgithub.com/nuxt/framework
瀏覽器離線存儲解決方案
所有的前端離線狀態(tài)存儲，響應(yīng)式是標配
https://github.com/dexie/Dexie.js/releases/tag/v3.2.0github.com/dexie/Dexie.js/releases/tag/v3.2.0
rxdbwww.npmjs.com/package/rxdb
Json-schema
typescript 解決了編譯前的問題。json-shema 解決運行時的問題。
已經(jīng)有很多成熟的項目幫助這件事更容易應(yīng)用
https://github.com/sinclairzx81/typeboxgithub.com/sinclairzx81/typebox
關(guān)注我，一起攜手進階
歡迎關(guān)注前端早茶，與廣東靚仔攜手共同進階～