2020 年前端技术趋势？

导读：这几天有人问，就结合自己的领域经验“憋”了几条出来，比较主观，很有可能不准，欢迎留言讨论。

- 2020 -

• TypeScript 成为主流

• Webpack 5 正式版发布，通过物理缓存大幅提升构建性能，Parcel 继续不温不火，Snowpack 开始占据一定份额

• Yarn 2 正式版发布，通过 Zero Install 概念，让依赖安装速度不再是瓶颈

• 微前端有更多的应用场景，比如 h5 和浏览器端的插件体系，realms 也将踏上历史舞台

• 基于谷歌和 Mozilla 对 WASM 的推广力度，会有更多应用场景

• Serverless 的发展让前端可以更多参与到中后台建设中

• babel 开始有竞争者，比如基于 rust 的实现版 swc，babel-preset-env 也不再是唯一选择

• 50% 的项目可以不用数据流，直接上 hooks，类 swr 和 react-query 的富请求 hooks 库在其中发挥重要作用

• 垂直领域框架开始出现，针对特定领域提供强约束、配置化和约定化的整体方案

• 小程序继续火，并且开始出现在 PC 客户端

• ESLint + Prettier 组合成为主流 Lint 工具，JSHint、JSLint 和 TSLint 淡出

• react-testing-library + Jest 成为主流测试工具，enzyme 淡出

• ESM 成为主流，CJS 淡出，并且出现 ESM CDN，场景比如 Snowpack 和 Deno

• Vue 3 发布

- 未来十年 -

• 网络升级，云编码成为主流开发方式

• 构建工具转向 bundless，webpack 逐渐退出历史舞台

• 重型前端工具转向 rust 实现，工具使用效率大幅提速

• CSS-in-JS 和 postcss 成为主流，CSS 预处理器退出历史舞台