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

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

  •  
  •   shubiao Dec 30, 2022 4821 views
    This topic created in 1253 days ago, the information mentioned may be changed or developed.

    镜像问题:前端真难学

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

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

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

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

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

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

    感觉网上大部分教程都是直接从“怎么使用”上手,这本更多是在告诉你 react “是什么”、它的出现解决了哪些问题、是怎么解决的
    netabare
        15
    netabare  
       Dec 31, 2022   1
    为什么说 TS 是不合理的方式呢,TS 给 react 增加了类型安全的概念,从后端转过来的用起来应该也会亲切很多吧,而且没记错的话 umi 好像很早就加了类型,写起来应该还算比较舒服的?(除了没有类型的 dva )
    Al0rid4l
        16
    Al0rid4l  
       Dec 31, 2022
    技术栈的路线么就这个吧 https://roadmap.sh/react
    shubiao
        17
    shubiao  
    OP
       Jan 1, 2023 via Android
    @netabare 学习方式、用来入门不合理。 ts very good ,i love
    fo0o7hU2tr6v6TCe
        18
    fo0o7hU2tr6v6TCe  
       Feb 13, 2023
    op 有什么练手的项目吗
    shubiao
        19
    shubiao  
    OP
       Feb 13, 2023
    @hzjseasea 没,公司后台项目直接上的
    About     Help     Advertise     Blog     API     FAQ     Solana     1575 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 66ms UTC 16:35 PVG 00:35 LAX 09:35 JFK 12:35
    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