2018 年即將結束,來預測一下 2019 年的前端走向。
React Hooks 正式版
這是 2019 年最確定會發生的事之一。Hooks 在 2018 年 React Conf 亮相,API 基本穩定,2019 年初會正式釋出(隨 React 16.8)。
預測:
- Hooks 會快速替代 HOC 和 render props 成為主流
- 大量現有庫會推出 Hooks 版本(react-query、SWR 等)
- 函式元件成為預設寫法,class 元件會慢慢減少
Vue 3.0 進入實質性開發
2018 年底尤雨溪已經透露了 Vue 3 的方向:
- Composition API(借鑑 React Hooks 的思路)
- 基於 Proxy 的響應式(解決 Vue 2 的已知限制)
- 更好的 TypeScript 支援
- 更小的體積(Tree Shaking 更徹底)
2019 年應該會有 Alpha 版本,但正式版可能要到 2020 年。
TypeScript 繼續普及
2018 年 TypeScript 已經很流行了,2019 年預計:
- 更多開源庫提供一等 TypeScript 支援
- 團隊越來越難拒絕 TS(入職要求會出現 TS)
- TypeScript 4.x 的高階型別更實用
構建工具:競爭加劇
Webpack 4 已經足夠快,但還有幾個新玩家值得關注:
- Parcel:零配置,適合小專案
- Rollup:庫的打包首選
- Snowpack(早期雛形):基於 ESM 的開發伺服器概念
預測 2019 年不會有顛覆性變化,Webpack 仍是主流。
微前端從概念到落地
2018 年微前端主要在討論層面,2019 年會有更多實際落地案例。single-spa 會繼續成熟,國內會出現更多中文實踐文章。
小程式生態繼續擴張
微信小程式、支付寶小程式、字節跳動小程式都在發展。跨平臺小程式框架(uni-app、Taro)會繼續改進。前端要會寫小程式越來越重要。
漸進式 Web App(PWA)
PWA 在國內的普及比預想慢,主要原因是 iOS Safari 對 Service Worker 的支援不完整(2018 年已改善)。2019 年隨著 iOS 12 普及,PWA 可能會有新一輪熱潮。
AI 輔助程式設計
GitHub Copilot 等工具還沒出現,但 2019 年會有更多關於 AI 輔助程式碼生成的討論。不過大規模應用可能還要幾年。
我的個人計劃
- 深入 React:Hooks 出了就係統學,搞懂 Concurrent Mode 的原理
- Vue 3:跟進 Alpha 版本,做技術儲備
- TypeScript:把現有專案遷移,實踐高階型別
- Node.js:學會用 Node 解決工程化問題,不只是寫 API
- 計算機基礎:讀《CSAPP》、刷 LeetCode,補齊短板
2019,繼續努力。