V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
shubiao
V2EX  ›  问与答

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

  •  
  •   shubiao · 2022-12-30 09:33:32 +08:00 · 3302 次点击
    这是一个创建于 454 天前的主题,其中的信息可能已经有所发展或是发生改变。

    镜像问题:前端真难学

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

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

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

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

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

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

    感觉网上大部分教程都是直接从“怎么使用”上手,这本更多是在告诉你 react “是什么”、它的出现解决了哪些问题、是怎么解决的
    netabare
        15
    netabare  
       2022-12-31 09:22:20 +08:00
    为什么说 TS 是不合理的方式呢,TS 给 react 增加了类型安全的概念,从后端转过来的用起来应该也会亲切很多吧,而且没记错的话 umi 好像很早就加了类型,写起来应该还算比较舒服的?(除了没有类型的 dva )
    Al0rid4l
        16
    Al0rid4l  
       2022-12-31 23:01:52 +08:00
    技术栈的路线么就这个吧 https://roadmap.sh/react
    shubiao
        17
    shubiao  
    OP
       2023-01-01 00:56:42 +08:00 via Android
    @netabare 学习方式、用来入门不合理。 ts very good ,i love
    hzjseasea
        18
    hzjseasea  
       2023-02-13 10:31:01 +08:00
    op 有什么练手的项目吗
    shubiao
        19
    shubiao  
    OP
       2023-02-13 11:13:09 +08:00
    @hzjseasea 没,公司后台项目直接上的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4694 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 74ms · UTC 10:02 · PVG 18:02 · LAX 03:02 · JFK 06:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.