# 前端趋势

# WebAssembly

WebAssembly (opens new window)

WebAssembly 是一种新的编码方式，可以在现代的网络浏览器中运行－它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C / C ++ 等语言提供一个编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。

TypeScript 成为主流
Webpack 5 正式版发布，通过物理缓存大幅提升构建性能，Parcel 继续不温不火，Snowpack 开始占据一定份额
Yarn 2 正式版发布，通过 Zero Install 概念，让依赖安装速度不再是瓶颈
微前端 (opens new window) 有更多的应用场景，比如 h5 和浏览器端的插件体系，realms 也将踏上历史舞台
- single-SPA (opens new window):支持任意技术栈，并且为主流框架提供了快速接入方法
- open-components (opens new window)
- umijs (opens new window) 可扩展的企业级前端应用框架
基于谷歌和 Mozilla 对 WASM 的推广力度，会有更多应用场景
Serverless 的发展让前端可以更多参与到中后台建设中
babel 开始有竞争者，比如基于 rust 的实现版 swc，babel-preset-env 也不再是唯一选择
50% 的项目可以不用数据流，直接上 hooks，类 swr (opens new window) 和 react-query (opens new window) 的富请求 hooks 库在其中发挥重要作用
垂直领域框架开始出现，针对特定领域提供强约束、配置化和约定化的整体方案
小程序继续火，并且开始出现在 PC 客户端
ESLint + Prettier 组合成为主流 Lint 工具，JSHint、JSLint 和 TSLint 淡出
react-testing-library + Jest 成为主流测试工具，enzyme 淡出
ESM 成为主流，CJS 淡出，并且出现 ESM CDN，场景比如 Snowpack 和 Deno
Vue 3 发布

网络升级，云编码成为主流开发方式
构建工具转向 bundless (opens new window) ，webpack 逐渐退出历史舞台
重型前端工具转向 rust 实现，工具使用效率大幅提速
CSS-in-JS 和 postcss 成为主流，CSS 预处理器退出历史舞台
重 CPU 的部分换成 WASM 实现
没有 Babel，所有浏览器都支持 ES2015+
Google Chrome 垄断市场，不用考虑兼容性问题，应用打包尺寸大幅降低
IE 使用率降到 0%
Parcel 2 (in browser?)
No/Low Code 工具被广泛接受？
- UI 容易生成，但行为不容易生成
- 大家掌握 Coding 的速度，会比掌握复杂的可视化编程工具更快
- 语言和框架会变得更容易学习和表达
Serverless
React 统一前端
基于抽象模型的 E2E 测试和文档自动生成？
Bundlerless，基于浏览器的 module loading 方式，HTTP/2
ESM 无处不在，CJS 面临和现在 AMD 一样的局面
JavaScript 会被编译为 WASM
HTTP/3