想问下 React 的主流生态

[ryougifujino]

一直在用 Vue，都是官方的生态觉得很清晰。

最近想练习一下 React 及其周边生态，但是有点无从下手的感觉。

1 、想问下主流生态有哪些呢？

2 、dva 、umijs 、redux 、mobx 这些分别有什么用，和 Vue 生态里的哪些东西对应呢？

3 、还有 ant-design 那套也是挺懵逼的，ant-design-pro 我以为和 vue-element-admin 差不多但好像又有点区别。

4 、最主流的样式解决方案是什么呢？

5 、我用什么库的 cli 来创建是最好的呢？目标是创建一个至少包含 ts+状态管理+ui 库的项目，之前用的 cra 然后 eject 来改的，感觉比较麻烦。

[Danswerme]

2. redux mbox 类似 vuex，umijs 类似 nextjs，dva = React-Router + Redux + Redux-saga

5. cra 开箱可用程度相比 vue-cli 还是差的有点远，可以花个半天时间自己写 webpack 相关配置文件弄个脚手架，以后直接用这个脚手架就行。怕麻烦的话除了官方的这个脚手架还是很多别的脚手架，你可以搜搜看。

[murmur]

ant-desgin 的老版本有很多奇怪的设置，尤其是那个表单的装饰器，各种奇怪，新版本会好一些？

样式要什么解决方案，那是拼设计师和 css 基础的地方，你写到哪里该丑不还是一样丑

[EminemW]

我司用的 antd pro 旧版本，我想升级版本，要改好多东西，每次都失败，结论是不要用阿里开源的东西

[ryougifujino]

@murmur #2 我指的是 CSS Modules，CSS in JS 之类的东西

[lblblong]

mobx 和 redux 对应 vuex，react-router 对应 vue-router，如果想要和 vue-router 一样使用配置式路由需要使用 react-router-config 或者 react-router6，react-router 不提供路由守卫功能要自己实现，create-react-app 对应 vue-cli

[murmur]

@ryougifujino 我更喜欢写到单独的文件里，比较有正统的感觉，而且什么编辑器都能正常高亮和提示