麻烦朋友们给说说下一步学习 react 的路线

[shubiao]

镜像问题：前端真难学

鄙人已学：阮一峰 es6 教程、阮一峰认同的一个 TS 教程、B 站上一个极简入门 react 视频

我的项目是个公司后台数据展示的，各种报表、图表、基础的角色菜单权限管理

很不巧，我司后端架构师就是用了 umi 、antd pro 、pro-component 这一套。我已经跟了一次需求，目前能跟着套 table 模板，填接口的数据了。接下来要做各种图表，依然是我们几个野路子 javaer 写前端。

既然干了就想把 react 写好的，请问各位能推荐一下业余时间的学习路线、最佳实践、前端项目套路等？ 视频、文档、开源项目都可

[shilianmlxg]

蹲一个.

react.也另外求 antd 全家桶的使用心得,有的时候项目急要一个需求的时候,那个时候 antd 的文档看的我血压升高。

[throns]

推荐官方的新文档： https://beta.reactjs.org/
全英文的，门槛有点高，例子都是最佳实践，认真学能避免很多 BUG 。写好 React Hook 真的挺难的，即使是工作好几年的前端，写的代码很多也是一言难尽。

[wu67]

图表其实还好, 国内应该都是套 Echarts, 直接找相似的实例抄就是了.
至于 antd, 文档确实爪麻, 我一个前端仔看了也难受...

[Justin13]

只看官网最新教程，其他别看，就是二楼那个

[shubiao]

@throns
@Justin13 https://zh-hans.reactjs.org 英文版有点超纲了，中文也一样吧 另外有视频、简易的开源项目推荐吗，感觉这种更有实操性一点。个人看法，读遍 java api 已经写不出来好的工程代码

[shubiao]

@shubiao 已经 = 依然

[shubiao]

@wu67
@shilianmlxg https://v0-charts.ant.design/demos/global 我们是用 antD 的图表，不是 Echarts 的。那看来不是我菜了，我看文档基本都是靠搜索引擎搜 -> 点进去。 antD 的文档真是东一榔头、西一棒槌

[weixind]

文档相关
1.官网文档
react 有非常优秀的官方文档，可以了解 hook 基础用法，但是部分相关介绍比较简单，可以搭配其他文档或代码食用。例：setState 的参数形式分多种，useCallback/useMemo 具体使用场景（这些 hook 是用来解决什么问题？如何正确使用才能优化性能）。
2.useref
https://zhuanlan.zhihu.com/p/109742536
3. ahooks

4.useEffect 完整指南
很好的文章，给人一种恍然大悟的感觉。对 useEffect 的运行机制和 useRef 的使用场景会有更深的理解。

5. useCallback && React.memo()
https://dmitripavlutin.com/dont-overuse-react-usecallback/
https://zhuanlan.zhihu.com/p/56975681
https://dmitripavlutin.com/use-react-memo-wisely/
5. React as a UI runtime
https://overreacted.io/react-as-a-ui-runtime/
6. 单测
React 单元测试策略及落地
https://insights.thoughtworks.cn/react-strategies-for-unit-testing/
7. redux
http://cn.redux.js.org/

[Justin13]

@shubiao 学编程的首要前提就是看英文原版而不是二手翻译屎，用 google 而不是百度，搜 stackoverflow 而不是 csdn

[stx0821]

umi 我记得好像是个天坑

[sgiyy]

推荐一手这个，每个节点都可以点击： https://roadmap.sh/react

[nyakoy]

可以向隔壁 14 岁 13 岁的请教一下学习方法。

[weixind]

@weixind 第 4 点链接丢了。放这里： https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/

[Puteulanus]

https://blog.csdn.net/Mr_zzr/article/details/125800788
原书作者失联了，他的网站也打不开了，只能看这个转载的了

感觉网上大部分教程都是直接从“怎么使用”上手，这本更多是在告诉你 react “是什么”、它的出现解决了哪些问题、是怎么解决的

[netabare]

为什么说 TS 是不合理的方式呢，TS 给 react 增加了类型安全的概念，从后端转过来的用起来应该也会亲切很多吧，而且没记错的话 umi 好像很早就加了类型，写起来应该还算比较舒服的？（除了没有类型的 dva ）

[Al0rid4l]

技术栈的路线么就这个吧 https://roadmap.sh/react

[shubiao]

@netabare 学习方式、用来入门不合理。 ts very good ，i love

[hzjseasea]

op 有什么练手的项目吗

[shubiao]

@hzjseasea 没，公司后台项目直接上的