这是一个创建于 700 天前的主题，其中的信息可能已经有所发展或是发生改变。
镜像问题：前端真难学
鄙人已学：阮一峰 es6 教程、阮一峰认同的一个 TS 教程、B 站上一个极简入门 react 视频
我的项目是个公司后台数据展示的，各种报表、图表、基础的角色菜单权限管理
很不巧，我司后端架构师就是用了 umi 、antd pro 、pro-component 这一套。我已经跟了一次需求，目前能跟着套 table 模板，填接口的数据了。接下来要做各种图表，依然是我们几个野路子 javaer 写前端。
既然干了就想把 react 写好的，请问各位能推荐一下业余时间的学习路线、最佳实践、前端项目套路等？ 视频、文档、开源项目都可
第 1 条附言 · 2022-12-30 15:28:18 +08:00
项目还是采用 react + TS 来写的，也就是镜像问题中提到的学习曲线最陡峭（不合理）的方式
 |
1
shilianmlxg 2022-12-30 09:49:43 +08:00
蹲一个.
react.也另外求 antd 全家桶的使用心得,有的时候项目急要一个需求的时候,那个时候 antd 的文档看的我血压升高。 |
 |
2
throns 2022-12-30 10:02:14 +08:00  1
推荐官方的新文档： https://beta.reactjs.org/
全英文的，门槛有点高，例子都是最佳实践，认真学能避免很多 BUG 。写好 React Hook 真的挺难的，即使是工作好几年的前端，写的代码很多也是一言难尽。 |
 |
3
wu67 2022-12-30 10:03:46 +08:00
图表其实还好, 国内应该都是套 Echarts, 直接找相似的实例抄就是了.
至于 antd, 文档确实爪麻, 我一个前端仔看了也难受... |
 |
4
Justin13 2022-12-30 10:09:39 +08:00 via Android
只看官网最新教程，其他别看，就是二楼那个
|
 |
5
shubiao OP @throns
@Justin13 https://zh-hans.reactjs.org 英文版有点超纲了，中文也一样吧 另外有视频、简易的开源项目推荐吗，感觉这种更有实操性一点。个人看法，读遍 java api 已经写不出来好的工程代码 |
|
7
shubiao OP @wu67
@shilianmlxg https://v0-charts.ant.design/demos/global 我们是用 antD 的图表，不是 Echarts 的。那看来不是我菜了，我看文档基本都是靠搜索引擎搜 -> 点进去。 antD 的文档真是东一榔头、西一棒槌 |
 |
8
weixind 2022-12-30 10:47:53 +08:00 7
文档相关
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/ |
|
9
Justin13 2022-12-30 10:56:18 +08:00 via Android
@shubiao 学编程的首要前提就是看英文原版而不是二手翻译屎，用 google 而不是百度，搜 stackoverflow 而不是 csdn
|
 |
10
stx0821 2022-12-30 11:09:15 +08:00 3
umi 我记得好像是个天坑
|
 |
11
sgiyy 2022-12-30 11:35:07 +08:00 1
推荐一手这个，每个节点都可以点击： https://roadmap.sh/react
|
 |
12
nyakoy 2022-12-30 11:50:22 +08:00
可以向隔壁 14 岁 13 岁的请教一下学习方法。
|
|
13
weixind 2022-12-30 16:25:38 +08:00
@weixind 第 4 点链接丢了。放这里： https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/
|
 |
14
Puteulanus 2022-12-30 16:47:14 +08:00 2
https://blog.csdn.net/Mr_zzr/article/details/125800788
原书作者失联了，他的网站也打不开了，只能看这个转载的了 感觉网上大部分教程都是直接从“怎么使用”上手，这本更多是在告诉你 react “是什么”、它的出现解决了哪些问题、是怎么解决的 |
 |
15
netabare 2022-12-31 09:22:20 +08:00 1
为什么说 TS 是不合理的方式呢，TS 给 react 增加了类型安全的概念，从后端转过来的用起来应该也会亲切很多吧，而且没记错的话 umi 好像很早就加了类型，写起来应该还算比较舒服的？（除了没有类型的 dva ）
|
 |
16
Al0rid4l 2022-12-31 23:01:52 +08:00
技术栈的路线么就这个吧 https://roadmap.sh/react
|
 |
18
fo0o7hU2tr6v6TCe 2023-02-13 10:31:01 +08:00
op 有什么练手的项目吗
|
Select Language