一准备重新学 react，又选择困难症了

[elone]

两三年前写过 react,那时还没有 hooks 。后来一直写 Angular 了。

这么长时间过去，对 hooks 比较好奇，想重新学一下，然后又选择困难症了，请指教一下

1 、 现在的状态管理最普遍的是选择什么？ redux 、mobx 、recoil 或者其它 ? redux 学过，感觉写起来好麻烦 ，mobx 好很多，recoil 是最近搜索知道的，没有接触过。

2 、各种表单组件、UI 组件有什么推荐吗？ 不是写管理后台的应用。

3 、项目框架有什么最佳实践吗？因为 react 比较灵活，自己等下又整乱了。

[drinkjs]

纯 redux，dva，mobx 都用过，个人感觉 mobx 更好用，redux 获取数据：dispatch({type:"User/getList"}), mobx 获取数据：userStore.getList()，原生的 redux 极度难用，所以有了 dva 封了一层，那怕封了一层也没 mobx 用的方便，一堆 call,put,select 烦死

[forsigner]

上面很多推荐 react-query 管理异步数据，很赞同这个，我们团队很早就这么干了，很爽，不过我们内部很早自研了类似的东西，至于状态管理，如果用了类似 react-query 的东西，需要额外的处理的状态就很少了，不建议再用 redux 、mobx 、recoil 等复杂的方案，可以使用类似这样简单的方案： https://github.com/forsigner/stook

[forsigner]

至于怎么写样式，当然强烈建议使用： https://fower.vercel.app/

[anjianshi]

其实哪个都行。mobx 、redux 、rxjs 都能实现一样的功能。mobx 用起来简单点，可以先用这个上手

[lokya]

mobx redux 推荐都掌握以下，hooks 推荐学习

[catcn]

懒得学这么多，直接撸了 ant.design, antpro 那套太繁琐了。
现在就是 ant.design 的皮，获取数据 axios，直接 React setState，怎么简单怎么搞。

[JerryY]

试一下 @vue/reactivity [狗头

[whincwu]

1. 状态管理从生态和周边工具角度，redux 依然是主流，原生写起来麻烦，可以试试 redux-toolkit 、remacth 、dva 等基于 redux 的二次封装
2. UI 这块如果是 PC 端推荐 antd，移动端最近两年未关注，如果是多端推荐 material-design
3. 框架上，我一般是脚手架 creat-react-app 加自己处理，更高层次的封装可以试试 umi 这类

[luoyukun]

https://www.npmjs.com/package/rv-gsm

[waltcow]

1. react-query + context-api
2. antd
3. antd-pro

[waltcow]

获取数据 axios，后端如果用的 swagger 的话，
可以用 openapi-generator, 生成 ts 类型，和 axios 请求的代码
https://github.com/OpenAPITools/openapi-generator/blob/master/docs/generators/typescript-axios.md

[huijiewei]

react hooks + context + swr + axios + react-router + chakra-ui + react-hook+form

https://github.com/huijiewei/agile-react

基本可以搞定所有

就是很多组件要自己慢慢写

PS: props 的 API 设计真的需要打磨

[anoninz]

来试试 mobx-state-tree + normalizr

[tousfun]

@forsigner 大佬在哪个公司?

[forsigner]

@919615766 养老公司，金山

[kasper4649]

React 生态特点就是百花齐放，想用啥就用啥。