关于2022 前端会有哪些新的变化引起的讨论

本文适合对前端趋势、主流技术感兴趣的小伙伴阅读。

欢迎关注前端早茶，与广东靓仔携手共同进阶～

前言

关于本文：

https://www.zhihu.com/question/493891614

Rust是未来前端基建基础

 广东靓仔也关注rust有一段时间了，Rust作为前端工具链，几乎已经成为趋势了。Rust是未来前端基础设施，相关证据：https://github.com/i5ting/rust-fe

性能提升是真的很强。

esbuild 会逐渐被投入生产之中

webpack 与 esbuild 算我个人经常接触的工具，webpack 是给它实现了一些小的功能，esbuild 则是 10 月份在大型系统中落地。
随着开发同学的吐槽此起彼伏才决定硬着头皮上，最后 esbuild 的速度 ⚡️ 也是超过了我的预期，短短几天就有 9 个项目接入，基本可以说是 0 改动。
事实上内部项目已经决定使用 esbuild 的生产模式。
不过一口吞掉 webpack 也不容易，webpack 支持的功能全面一时难全部重写，老项目也难动。

pnpm 越来越多的项目开始使用

使用 pnpm 替换现在的 yarn 。无论是 csr 、ssr、monorepos 等类型项目都正在进行中，有近 10个项目已经迁移完成。
当时 yarn 的 pnp 特性出来的时候，观望过一阵子，没有大面积火起来，遂放弃 ...
现在是注意到 vite、modernjs 等使用了 pnpm，其设计理念与node_modules的目录结构也能让业务更加快速安全，所以决定开始全面使用 pnpm
现在存在的一些问题有
- cypress 还不支持 pnpm, 于是提了一个 pr
- 由于 pnpm peer 的设计，需要注意一下同一个版本包两份副本的问题

面向开发者的低代码是效率工具，会火

反模式

前端本来就是渲染模板和字段绑定，反而越进步变得越复杂，夹杂了越来越多的胶水逻辑。

还原本质：从api到最终渲染的字段，应该很纯洁

这才是前端破局的一个重点

逻辑可视化

传送门：https://github.com/i5ting/imove

状态可视化

状态机可视化xstate做的很棒。

单一状态可视化是不具备很大价值的，结合状态，UI，行为，比如会走到低代码领域。

xstate和imove都只解决了一部分问题。惺惺相惜是正常的。

低代码

开源的很多，比如fabric，目前看还缺少一个整合的比较好的低代码实践。相信2022年，此处还会有进一步发展。

Nuxt3.0

• Nuxt 3.0 正式版发布。Nuxt 3.0 对于 Vue 的 SSR 世界，应该是质的改变的一个版本，这个版本对于 Nuxt 团队也是非常挑战的，他们用 TS 完全重写了 Nuxt

     https://github.com/nuxt/frameworkgithub.com/nuxt/framework

浏览器离线存储解决方案

• 所有的前端离线状态存储，响应式是标配

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 解决运行时的问题。

• 已经有很多成熟的项目帮助这件事更容易应用

https://github.com/sinclairzx81/typeboxgithub.com/sinclairzx81/typebox

关注我，一起携手进阶

欢迎关注前端早茶，与广东靓仔携手共同进阶～