Skip to content

2019 前端技术趋势预测

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,继续努力。

MIT Licensed