V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
newbie111
V2EX  ›  React

2024 了, 求推荐 React 最佳入门教程!

  •  
  •   newbie111 · 2024-02-11 23:05:18 +08:00 · 7758 次点击
    这是一个创建于 370 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,谢谢各位,顺祝新年快乐!

    39 条回复    2025-01-14 17:27:48 +08:00
    chihiro2014
        1
    chihiro2014  
       2024-02-11 23:17:52 +08:00   ❤️ 3
    学 angular 把,react 真的好难理解
    Puteulanus
        2
    Puteulanus  
       2024-02-11 23:21:20 +08:00   ❤️ 1
    https://blog.csdn.net/Mr_zzr/article/details/125800788
    有些东西有点过时(比如生命周期),不过核心思想还是很值得看看的
    原作者失联了已经 /t/882168 ,只有这个 CSDN 的转载能看了
    QKgf555H87Fp0cth
        3
    QKgf555H87Fp0cth  
       2024-02-12 00:37:17 +08:00
    官网
    mightybruce
        4
    mightybruce  
       2024-02-12 00:56:44 +08:00   ❤️ 1
    强烈推荐这个油管主的视频列表
    https://www.youtube.com/@Techsithtube/playlists
    estk
        5
    estk  
       2024-02-12 00:59:18 +08:00 via iPhone
    难道不是 nextjs 吗?
    zxw567
        6
    zxw567  
       2024-02-12 01:21:27 +08:00   ❤️ 1
    GeekGao
        7
    GeekGao  
       2024-02-12 01:30:38 +08:00
    既然楼已经歪了,那安利一下,如果不考虑生态,solid.js 值得拥有
    wildnode
        8
    wildnode  
       2024-02-12 01:59:20 +08:00
    我觉得目前看官网是最好的入门方式
    Yvette
        9
    Yvette  
       2024-02-12 02:51:31 +08:00   ❤️ 1
    免费的看官方 doc 就好,Dan 写的 doc 真的非常棒

    付费的推荐 https://www.joyofreact.com/
    cheunghy
        10
    cheunghy  
       2024-02-12 04:57:08 +08:00
    私信我,加入 Teo 项目,能让你体验 docs.teocloud.iowww.teocloud.io 网站的开发,没有复杂的内容,都是小 bug 修复,能让你迅速了解 react 开发的来来回回
    dcoder
        11
    dcoder  
       2024-02-12 07:19:34 +08:00   ❤️ 1
    回归不过时的 JQuery + HTML 风格
    https://alpinejs.dev/
    https://htmx.org/
    amoslue
        12
    amoslue  
       2024-02-12 09:08:32 +08:00
    cjydawn
        13
    cjydawn  
       2024-02-12 10:19:52 +08:00 via iPhone
    BenX
        14
    BenX  
       2024-02-12 10:46:32 +08:00 via iPhone
    回归服务端渲染
    stillwu
        15
    stillwu  
       2024-02-12 13:20:16 +08:00
    udemy 上 jonas 的课也还可以,23 年 6 月刚上新的
    jorneyr
        16
    jorneyr  
       2024-02-12 13:39:19 +08:00
    dcsuibian
        17
    dcsuibian  
       2024-02-12 13:51:46 +08:00
    https://www.bilibili.com/video/BV1ZB4y1Z7o8/
    黑马的 React 教程,我看过,讲得还不错,挺简洁。是函数式写法,而且主要是中文的。
    Xu3Xan89YsA7oP64
        18
    Xu3Xan89YsA7oP64  
       2024-02-12 14:35:33 +08:00   ❤️ 1
    入门最忌讳大而全,跟着官网做个 demo ,熟悉下 jsx 和几个常用的 hooks 就算入门了。然后就可以找项目做了,遇到问题再搜官网、博客或者问 gpt 。循序渐进,慢慢构建知识体系
    lozzow
        19
    lozzow  
       2024-02-12 15:13:44 +08:00 via Android
    直接撸项目,反正有 gpt.我之前入门 react 好几次都失败,有了 gpt ,跟着 gpt 几天就入门了
    SayHelloHi
        20
    SayHelloHi  
       2024-02-12 20:23:05 +08:00
    1. 看官方文档 https://react.dev/

    2. 看视频

    https://search.bilibili.com/all?&keyword=react%E6%95%99%E7%A8%8B

    找个自己喜欢的视频看
    cyx032426
        21
    cyx032426  
       2024-02-12 20:53:11 +08:00 via iPhone
    @shizhibuyu2023 太真实了
    leokun
        22
    leokun  
       2024-02-12 21:48:57 +08:00
    没有必要从 ssr 路线入门,ssr 生态有很多魔法
    新版的 react 官方文档写的非常好, 英文不好可以用沉静式翻译插件,从一个井字棋游戏开始: https://react.dev/learn/tutorial-tic-tac-toe
    nnegier
        23
    nnegier  
       2024-02-13 02:10:29 +08:00
    学古 Android ?它们 xml 写布局几乎一模一样的感觉
    cyberpoint
        24
    cyberpoint  
       2024-02-13 11:26:30 +08:00
    @Puteulanus 不建议看这个,已经很过时了。class 组件,99% 的情况下不会使用,只有在读一些老的组件库源码的时候用到。另外文档中 redux 的使用方式也完全过时了,没必要去看。
    foolishcrab
        25
    foolishcrab  
       2024-02-13 14:24:30 +08:00
    看你是什么用途,面向面试的话找一些源码带读的教程
    只是想业余搞点项目的话直接上手撸就行,react 的资源丰富到只要你能用英语正确描述你的问题,基本上 stackoverflow 上都能找到答案
    LawlietZ
        26
    LawlietZ  
       2024-02-13 15:00:31 +08:00
    官网,现在官网写的很好
    hedwi
        27
    hedwi  
       2024-02-13 15:02:32 +08:00
    学习 react 面临各种组件的选择,推荐学习 angular ,一步到位。
    iOCZS
        28
    iOCZS  
       2024-02-13 17:22:59 +08:00
    react 语法糖比较少,按说应该是更容易掌握的,就是不同人之间水平差异可能会比较大。
    Vue 语法太多。
    当然无论选择那个框架,还有一堆生态需要掌握,路由、状态管理啥的。
    iOCZS
        29
    iOCZS  
       2024-02-13 17:27:44 +08:00
    react 里其实有个取舍问题,你函数组件每次执行,如果没有副作用,里面的函数、变量都会重新创建,传递给子组件,就会因为发生了变化而重新渲染。当重建代价比较大、需要在多次渲染间保持状态,才考虑使用副作用。所以一股脑儿对里面的函数使用 useCallback ,也没必要,重新渲染就渲染呗。
    chihiro2014
        30
    chihiro2014  
       2024-02-14 10:22:53 +08:00
    @hedwi angular 对比起 react 难以理解的各种 hook 和用法来说,纯写 html 和 ts 来完成业务,简直毫无心智负担
    hedwi
        31
    hedwi  
       2024-02-14 10:38:33 +08:00
    @chihiro2014 angular 正常的毫无意外,配合 rxjs 无敌,唯一的问题是对前端开发可能需要额外理解一些东西,对后端开发来说就跟写后端一样,奇怪的应该是 react 这种吧。
    chihiro2014
        32
    chihiro2014  
       2024-02-14 21:40:54 +08:00
    @hedwi angular 就我而言,他是真的挺完美的,将业务和 UI 完全分离,互不影响。这样省去了复杂的心智负担,找到合适的组件,直接复制 html 和 css ,配合 ng 指令就能完成业务。react 将 UI 和功能杂糅一起,完全无法理解,而且 debug 也很困难。
    hedwi
        33
    hedwi  
       2024-02-14 22:26:54 +08:00
    @chihiro2014 所见略同,兄弟
    ChoiKarl
        34
    ChoiKarl  
       2024-02-14 22:35:08 +08:00
    想请问下,相学 recat 或者是 vue 是不是得会 js 、html 、css 才行?
    chihiro2014
        35
    chihiro2014  
       2024-02-14 23:50:57 +08:00
    @ChoiKarl 学前端,绕不过去的
    y0bcn
        36
    y0bcn  
       345 天前
    我是后端,看官方中文文档学的,后来又自己看了看 redux 和 react router 啥的,现在基本上没啥问题了
    rongpx95
        37
    rongpx95  
       339 天前
    @y0bcn redux 这东西,是不是都没什么人用了
    y0bcn
        38
    y0bcn  
       339 天前
    @rongpx95 不太清楚,现在都用啥?
    huidt111
        39
    huidt111  
       33 天前
    @Puteulanus 简单看了下前几篇,非常棒,从 react 解决的问题出发,引导读者去理解 react 的核心原理。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2906 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:39 · PVG 21:39 · LAX 05:39 · JFK 08:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.