麻烦朋友们给说说下一步学习 react 的路线 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shubiao
V2EX    问与答

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

  shubiao 2022 年 12 月 30 日 4534 次点击
这是一个创建于 1112 天前的主题,其中的信息可能已经有所发展或是发生改变。

镜像问题:前端真难学

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

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

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

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

第 1 条附言    2022 年 12 月 30 日
项目还是采用 react + TS 来写的,也就是镜像问题中提到的学习曲线最陡峭(不合理)的方式
19 条回复    2023-02-13 11:13:09 +08:00
shilianmlxg
    1
shilianmlxg  
   2022 年 12 月 30 日
蹲一个.

react.也另外求 antd 全家桶的使用心得,有的时候项目急要一个需求的时候,那个时候 antd 的文档看的我血压升高。
throns
    2
throns  
   2022 年 12 月 30 日   1
推荐官方的新文档: https://beta.reactjs.org/
全英文的,门槛有点高,例子都是最佳实践,认真学能避免很多 BUG 。写好 React Hook 真的挺难的,即使是工作好几年的前端,写的代码很多也是一言难尽。
wu67
    3
wu67  
   2022 年 12 月 30 日
图表其实还好, 国内应该都是套 Echarts, 直接找相似的实例抄就是了.
至于 antd, 文档确实爪麻, 我一个前端仔看了也难受...
Justin13
    4
Justin13  
   2022 年 12 月 30 日 via Android
只看官网最新教程,其他别看,就是二楼那个
shubiao
    5
shubiao  
OP
   2022 年 12 月 30 日
@throns
@Justin13 https://zh-hans.reactjs.org 英文版有点超纲了,中文也一样吧 另外有视频、简易的开源项目推荐吗,感觉这种更有实操性一点。个人看法,读遍 java api 已经写不出来好的工程代码
shubiao
    6
shubiao  
OP
   2022 年 12 月 30 日
@shubiao 已经 = 依然
shubiao
    7
shubiao  
OP
   2022 年 12 月 30 日
@wu67
@shilianmlxg https://v0-charts.ant.design/demos/global 我们是用 antD 的图表,不是 Echarts 的。那看来不是我菜了,我看文档基本都是靠搜索引擎搜 -> 点进去。 antD 的文档真是东一榔头、西一棒槌
weixind
    8
weixind  
   2022 年 12 月 30 日   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/
Justin13
    9
Justin13  
   2022 年 12 月 30 日 via Android
@shubiao 学编程的首要前提就是看英文原版而不是二手翻译屎,用 google 而不是百度,搜 stackoverflow 而不是 csdn
stx0821
    10
stx0821  
   2022 年 12 月 30 日   3
umi 我记得好像是个天坑
sgiyy
    11
sgiyy  
   2022 年 12 月 30 日   1
推荐一手这个,每个节点都可以点击: https://roadmap.sh/react
nyakoy
    12
nyakoy  
   2022 年 12 月 30 日
可以向隔壁 14 岁 13 岁的请教一下学习方法。
weixind
    13
weixind  
   2022 年 12 月 30 日
Puteulanus
    14
Puteulanus  
   2022 年 12 月 30 日   2
https://blog.csdn.net/Mr_zzr/article/details/125800788
原书作者失联了,他的网站也打不开了,只能看这个转载的了

感觉网上大部分教程都是直接从“怎么使用”上手,这本更多是在告诉你 react “是什么”、它的出现解决了哪些问题、是怎么解决的
netabare
    15
netabare  
   2022 年 12 月 31 日   1
为什么说 TS 是不合理的方式呢,TS 给 react 增加了类型安全的概念,从后端转过来的用起来应该也会亲切很多吧,而且没记错的话 umi 好像很早就加了类型,写起来应该还算比较舒服的?(除了没有类型的 dva )
Al0rid4l
    16
Al0rid4l  
   2022 年 12 月 31 日
技术栈的路线么就这个吧 https://roadmap.sh/react
shubiao
    17
shubiao  
OP
   2023 年 1 月 1 日 via Android
@netabare 学习方式、用来入门不合理。 ts very good ,i love
fo0o7hU2tr6v6TCe
    18
fo0o7hU2tr6v6TCe  
   2023 年 2 月 13 日
op 有什么练手的项目吗
shubiao
    19
shubiao  
OP
   2023 年 2 月 13 日
@hzjseasea 没,公司后台项目直接上的
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4115 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 34ms UTC 05:21 PVG 13:21 LAX 21:21 JFK 00:21
Do have faith in what you're doing.
ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86