2022 年 React 技术栈

发表于 2022-08-21 更新于 2022-09-06 分类于 web 前端阅读次数：

本文字数： 649 阅读时长 ≈ 1 分钟

2022 年, 前端框架依然在日新月异地变化，近期有个后台的 PC 项目，刚好总结下 2022 年我开发起来比较舒适的技术栈（这里特指的 PC），且非常地有主观倾向，仅作参考。

在浅尝了 vue3 之后，react 在 ts 的支持上还是让我最为满意的，仅这一点就足以让我在俩者中做出选择。至于 solidjs 有种融合了 react / vue / svelte 的感觉，不用写 dependence 确实吸引人，还有待观望。

相比较 webpack，vite 开始时启动速度的确是舒服，热更新更是如此

mui 让我比较喜欢的是 jss 的设计，然而国内团队大多以 antd 设计原型，如果是个人项目应该还是会使用 mui。

tailwind 可以避免写一些重复的样式，比如 flex。

当 tailwind 无法覆盖的场景，如覆盖 antd 样式等使用 jss。相对比 styled component，jss 比较简单，对我而言就是个 css module 的替代品

这个库前阵子改名成 tan query，类似的库还有 swr。使用这个库可以不用自己维护请求的 loading 态，以及可以方便地管理接口下发的数据状态，但需要转变一些以往命令式的思维。

目前用过最顺手的 react 状态管理库，比 redux 简单。

在项目中时常会写一些模板化的代码，例如添加路由，添加 service 等，plop 相当于项目中的脚手架，可以通过模板生成代码。

node 写脚本时使用 shell 命令并不太方便，通过 zx 编写会简单很多