2022 年 react 生态，大家都用啥

[yuthelloworld]

去看了一圈 React 的生态，光状态管理就有很多库，还有自己的 useRedcuer + useContext 可以做状态管理。数据请求相关的有 React Query 。

我自己还停留在 React + Ts + Redux 这一套。奥，react-router 6 也有不少更新点。

学不动了，譬如说 Rtk, Rtk query ，光看文档都需要投入不少时间，Recoil 倒是上手挺容易的。

大家现在都用啥？或者说公司都用啥？是跟上生态脚步，还是停留在老的？

[zhuangzhuang1988]

已经放弃了用 vue 了
react 给牛逼的用的。

[Huelse]

像外网评论的那样，react 最好需要个深耕其中的人来带领，不然就库选择上都要踩坑好久

[zzlatan]

前端真特么瞎折腾 。。。这库那库的

[beisilu]

其实可以尝试弄个像 Flutter Favorites 的栏目， 挑选一些人气、文档和 demo 都比较好的库

[windyboy]

没有人用 svelte 吗？

[MAGA2022]

vue 3 + ts 是真的香

[gogogo1203]

animation: framer-motion + Three.js
Router: react-router-dom
form: formik+yup
api: axios+react query
state manager : zustand
utility:lodash+immer
css: classnames+tailwind+marco.twin+styled-components+@emotion
UX\UI : react-hot-toast react-spinners-kit @heroicons/react react-dnd timeago-react

vite\typescript\ eslint prettier\ eslint-config-airbn eslint-config-airbnb-typescript

[dany813]

轮子太多了，跟不上

[angrylid]

vue 现在可以写 tsx 吧

[sweetcola]

我自己的话是所有库都更新到最新的，React v18 ，React-Redux v8 ，RTK (Redux toolkit)，TypeScript ，UI 是自己写不用任何库。

库选自己熟悉的就可以了，存在那么多库的意思就是“都可以”。如果在烦恼这一点，那说明是想整最佳实践，既然想整最佳实践，花点时间来选择不才是正确的吗？

另外就是 Redux 原来的写法已经是官方不建议了，具体可以看这篇文章 https://redux.js.org/introduction/why-rtk-is-redux-today

[um1ng]

@angrylid 可以 很丝滑

[xunjianxiang]

Angular 可能是你最后的归宿！！

[reorx]

mobx 挺好，最近简单看过 swr ，ReactQuery ，zustand ，Jotai ，感觉都不能替代 mobx

[SolidZORO]

@reorx 代替 mobx 的只可能是 valtio 这类 Proxy-like 的 lib ，别的 lib 出发点就不是去代替 mobx 的。

[terranboy]

用了 REMIX 没必要用这些乱七八糟的状态管理库了

[isukkaw]

@SolidZORO #33

你觉得用 jotai 时重构会出疏漏说明你对 jotai 的理解不到位。
和 Recoil 基于字面量的 key 索引状态不同，jotai 是基于引用的。所以如果你要重构基于 jotai 的状态，正确做法是找到声明的 atom ，然后 IDE 中右键寻找所有引用；而不是试图去根据名字去找。

[bthulu]

@yaphets666 不要看不起 localStorage, jotai 不也有提供 localStorage 的桥接么. 你就把它当成后端的数据库. 抽出一个 js 文件处理与 localStorage 的交互, 其余组件里需要共享状态的引入这个文件就行了. 简单方便快捷, 是个人就能马上上手, 不比这库那库的强?

[LiuJiang]

svelte 就是一个"杂交物"，当然，这里的"杂交物"是一个褒义词，吸收各大框架的优点，整出来的玩意，也挺有意思的，我没在生产中用过

[LiuJiang]

@SolidZORO mobx-react 有性能数据吗？

[danhahaha]

生态已经有了，就缺化反了