2022 年 react 生态，大家都用啥

[yuthelloworld]

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

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

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

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

[bthulu]

@SolidZORO 抽出一个 store.js 专门与 localStorage 交互. 通过 store.js 取出所需状态初始化 state 后, 再将 setState 函数挂到这个状态的回调函数数组里, 组件销毁时再从这个数组里移除掉. 有任意组件想改变这个状态, 调用 store.js 里的修改方法, 这个修改方法负责将数据存在 localStorage 里, 并依次执行之前挂载的回调函数.

[yuthelloworld]

@ccyu220 #79 歪果仁造轮子的能力确实强

[ccyu220]

@yuthelloworld 算了 Web 端还是主 Vue3 吧，起码没有心智负担。

[yuthelloworld]

@ccyu220 #83 没写过 vue3 ，和 ts 兼容的好吗

[ccyu220]

@yuthelloworld 没什么问题

[Lancer777]

@um1ng 看 star 没有意义，看 npm 下载量才知道区别有多大。

[MartinAgerAdams]

react: react 17 or 18
router: react-router 6
ui framework: antd
state manager: zustand
api: axios + react-query
css: classnames + tailwindcss + styled-components
dev: vite

[MartinAgerAdams]

@ccyu220
> 算了 Web 端还是主 Vue3 吧，起码没有心智负担。

不太同意这个。
1. 单纯从相关概念来说，Vue 是编译时的。为了编译优化或者其他，造了一大堆语法和概念，虽然不难，但是我感觉增加了心智负担。
2. React 是运行时的。JSX 写法上就是 JS 一把梭，不用管那么多概念，当然这个也是相对的，肯定也会有人感觉它其其他地方增加心智负担（比如楼上的一些回答）

[nzbin]

@xunjianxiang react 和 vue 所有一套下来和 angular 也差不多了，但是开发体验还是 angular 丝滑

[wakaka]

前端卷得太厉害了

[yuthelloworld]

@MartinAgerAdams #88 vue 确实语法糖比较多。react 相对都是原生 js 的语法。心智负担感觉主要是百花齐放的各种库

[lolizeppelin]

换 angluar 全包不用想多好

[fyxtc]

前端真是终生学习。。。。

[guoliim]

nextjs react-query

[CodingNaux]

喜欢 vue?直接全部 vue3 composition api 还好
要是项目里同时有 option api, compositon api, 点 vue 文件，点 tsx 文件简直了。
vue 的 mixin 到现在还有人用，怎么维护，怎么重构
vue 的 this 漫天飞怎么维护，怎么重构
vue 还有人不知道怎么写 tsx ，复杂模版的冗余代码怎么维护

就学 react 吧，就是 js ，就那么几个 api
说 angular 好的，有几个真正深度用上

[Liam1997]

2022 年了，组里还在用 dva 那一套。。。

[sjhhjx0122]

@CodingNaux 你说的 vue 问题，angular 全能解决啊多好啊

[GiantHard]

再补充一个跟 mobx 、valtio 一个路子的状态管理库 reactivue ，在 react 里面用 vue3 的 Composition API

[nzbin]

@CodingNaux 我们就在用，确实省心省力

[beginor]

@CodingNaux 公司用 angular 做了几年项目，确实省心，但是奈何国内 vue 一边倒了，几乎招不到 angular 的人，新进的都是 vue