[求推荐] 学习 React 入门教程,最好是视频(可付费) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Kamiimeteor
V2EX    React

[求推荐] 学习 React 入门教程,最好是视频(可付费)

  •  
  •   Kamiimeteor 2021-12-16 11:43:46 +08:00 7933 次点击
    这是一个创建于 1397 天前的主题,其中的信息可能已经有所发展或是发生改变。

    找了腾讯课堂和其他线上的,入门课程免费的付费的都眼花缭乱,很难分辨哪个比较实在按比较好逻辑在教的

    而我个人是看视频有影像能记得更好,光看文字就很容易失去焦点,然后就放空了...

    53 条回复    2021-12-17 11:25:42 +08:00
    murmur
        1
    murmur  
       2021-12-16 11:47:03 +08:00   2
    带着需求去学习,然后疯狂做项目,再带着面试的需求去深挖

    上来看全视频那是傻,光背能背下来么,不带着自己的理解 react 再牛逼也跪在 css 和 html 这

    连最基本的模块拆分都不会怎么做东西
    murmur
        2
    murmur  
       2021-12-16 11:48:52 +08:00
    都不需要视频,举个例子,你就现在抄 V2EX 的页面,数据你可以写死,这就入门一半了,剩下的就是数据和状态管理那么部分
    liujavamail
        3
    liujavamail  
       2021-12-16 11:49:35 +08:00
    看你想快点学还是慢点学, 最近在 B 站看尚硅谷的 React 视频, 很小白,60 多个小时,入门还是没啥问题的, 讲师说话像说相声, 有点意思
    Kamiimeteor
        4
    Kamiimeteor  
    OP
       2021-12-16 11:56:48 +08:00
    @liujavamail 嗯嗯,感谢!
    Kamiimeteor
        5
    Kamiimeteor  
    OP
       2021-12-16 11:58:34 +08:00
    @murmur 感觉确实得写很久。。
    40EaE5uJO3Xt1VVa
        6
    40EaE5uJO3Xt1VVa  
       2021-12-16 12:14:00 +08:00   2
    这个视频是我看到过的讲 react 最好的,还是免费的

    https://www.bilibili.com/video/BV1wy4y1D7JT?spm_id_from=333.999.0.0
    liujavamail
        7
    liujavamail  
       2021-12-16 12:39:16 +08:00
    @yanzhiling2001 我说的就是这个, 像听相声
    xiaming123
        8
    xiaming123  
       2021-12-16 12:57:05 +08:00
    + smallming668 慕课极客时间的付费课程都有,我推荐给你
    zhy0216
        9
    zhy0216  
       2021-12-16 13:16:49 +08:00
    之前看这个大佬的源码分析还不错:
    xiaochen1024.com
    vision1900
        10
    vision1900  
       2021-12-16 13:21:22 +08:00
    CSS 和 JS 基础好吗?我最近在做一个日语学习的个人项目,这是 demo: https://ellifist.vercel.app/

    要是 CSS 和 JS 基础非常 OK ,可以在空闲时间一起做项目,虽然 React 只有 2 年经验,但我会尽力回答你的所有问题
    KnightYoung
        11
    KnightYoung  
       2021-12-16 13:53:25 +08:00
    frontend master 上有一门 “Complete Intro to React, v6” 很不错,可以试试。
    Kamiimeteor
        12
    Kamiimeteor  
    OP
       2021-12-16 13:55:46 +08:00
    @yanzhiling2001 感谢分享,已收藏!
    Kamiimeteor
        13
    Kamiimeteor  
    OP
    &bsp;  2021-12-16 13:58:52 +08:00
    @KnightYoung 这个先 Mark down ,之前也用过 treehouse 付费的,付费里面可能再筛选一下哪个模式更适合我,谢谢分享~
    Kamiimeteor
        14
    Kamiimeteor  
    OP
       2021-12-16 13:59:23 +08:00
    @zhy0216 感觉这个已经比较中高阶了,我可能需要先入门一下
    Kamiimeteor
        15
    Kamiimeteor  
    OP
       2021-12-16 13:59:49 +08:00
    @vision1900 有兴趣,可以给个 DM 的联系方式吗?
    Bean0cean
        16
    Bean0cean  
       2021-12-16 14:13:04 +08:00
    我的项目是 react 的,用的 react 17 ,现在滑水惯了,你要是有兴趣帮我做项目,在实践中才能快速入门到精通,我带的三个实习生都已经能独立干了;
    Kamiimeteor
        17
    Kamiimeteor  
    OP
       2021-12-16 14:15:02 +08:00
    @Bean0cean 我现在需要先巩固 JS ,然后 react 入门,当然还有人推荐 Vue ,确实这两者对于我一个初学者有点分不太清区别,做项目固然好,感觉就我现在的实力可能还有一些距离
    alexkuang
        18
    alexkuang  
       2021-12-16 14:18:47 +08:00   1
    英语好、听力过关的话,强烈推荐 scrimba 的互动式 React 教程,而且是免费的: https://scrimba.com/learn/learnreact
    hawei
        19
    hawei  
       2021-12-16 14:30:09 +08:00 via iPhone
    官网最新的文档
    shaodeyu1943
        20
    shaodeyu1943  
       2021-12-16 14:33:41 +08:00
    @vision1900 我刚转行成功三个月,有一定的基础。想尝试一起做项目耶。
    mascteen
        21
    mascteen  
       2021-12-16 14:39:10 +08:00 via Android
    bugsnail
        22
    bugsnail  
       2021-12-16 14:42:25 +08:00
    @murmur 不要太真实, 就是因为 css 和 html 走上了后端的不归路, 说真的, 这两个东西有谁能讲得明白点的不

    看 W3School 有点像学校教 1+1 , 实战项目考微积分似的
    blackcurrant
        23
    blackcurrant  
       2021-12-16 14:48:50 +08:00 via iPhone
    Kamiimeteor
        24
    Kamiimeteor  
    OP
       2021-12-16 15:08:30 +08:00
    @shaodeyu1943 哈哈哈,一起探索的感觉很不错,边互助边学习边进步,怎么 DM 你?
    Kamiimeteor
        25
    Kamiimeteor  
    OP
       2021-12-16 15:09:06 +08:00
    @alexkuang Mark down 先,稍后对比一下 v 友们的推荐,感谢分享~
    Kamiimeteor
        26
    Kamiimeteor  
    OP
       2021-12-16 15:10:01 +08:00
    @mascteen 已搜索京东,加入收藏
    Kamiimeteor
        27
    Kamiimeteor  
    OP
       2021-12-16 15:11:39 +08:00
    @blackcurrant 这个看上去很棒耶,不知道是不是基础比较低的也能够适合,我先注册一个试试看,感谢分享~
    shaodeyu1943
        28
    shaodeyu1943  
       2021-12-16 15:17:21 +08:00
    @Kamiimeteor Wechat: MTMwNDM0MzU1NTA= base64
    christin
        29
    christin  
       2021-12-16 15:30:39 +08:00
    老哥你找好的话希望能分享一下,我最近也在学习 react 。
    skykale
        30
    skykale  
       2021-12-16 15:45:36 +08:00
    @vision1900 #10 大佬我也想跟着做,虽然我也在入门中。
    skykale
        31
    skykale  
       2021-12-16 15:46:59 +08:00
    @shaodeyu1943 #20 我也在转行学习中,希望一起学习
    hello2090
        32
    hello2090  
       2021-12-16 15:53:44 +08:00 via iPhone
    code with mesh 讲的蛮好的,你能听懂英文的话。

    Udmey 上那个 Maxmilian 讲的也不错,但课程挺长
    Kamiimeteor
        33
    Kamiimeteor  
    OP
       2021-12-16 15:58:32 +08:00
    @christin 没问题,待我筛选一下的~
    tousfun
        34
    tousfun  
       2021-12-16 16:07:40 +08:00 via iPhone
    @Bean0cean 能留个 wx 详细聊聊吗
    skykale
        35
    skykale  
       2021-12-16 16:48:12 +08:00
    好兄弟,我也在学习中,加个联系方式
    shaodeyu1943
        36
    shaodeyu1943  
       2021-12-16 17:05:01 +08:00
    @skykale 可以啊
    teslayun
        37
    teslayun  
       2021-12-16 17:08:45 +08:00
    赫尔辛基大学的全栈课程,有 js ,css 基础就能看懂。react 部分讲得挺好的,组件提取,方法解构什么的,例子很清晰
    https://fullstackopen.com/zh/
    jaywhen
        38
    jaywhen  
       2021-12-16 18:00:32 +08:00 via iPhone
    Kamiimeteor
        39
    Kamiimeteor  
    OP
       2021-12-16 18:06:48 +08:00
    @teslayun 棒,还有中文!感谢分享~
    Kamiimeteor
        40
    Kamiimeteor  
    OP
       2021-12-16 18:07:41 +08:00
    @jaywhen 之前也看过这个,如果有中文的详细视频教程,可能还是会首选母语的。感谢分享~
    Kamiimeteor
        41
    Kamiimeteor  
    OP
       2021-12-16 18:08:31 +08:00
    @skykale 绿色软件:dHV0bWFubWF4Cg==
    shunia
        42
    shunia  
       2021-12-16 18:28:05 +08:00
    https://egghead.io/q?q=react 你可以理解为这个是官方推荐的视频学习站,如果英语过关就不用看其他的了
    https://egghead.io/q?q=dan+abramov 这是 Dan 的教程和视频,React 的作者之一,核心 maintainer
    shunia
        43
    shunia  
       2021-12-16 18:28:43 +08:00
    另外还是建议看官方文档学习作为基础,在有疑问的情况下再去看视频,解决对应的问题更好
    jaywhen
        44
    jaywhen  
       2021-12-16 19:21:02 +08:00 via iPhone
    @Kamiimeteor 这个就是 react 官方文档,因为是 beta ,所以还没翻译,不过现在正式版也是有中文翻译的,其实 react 的核心思想很简单,看着文档上手实践就好了
    jaywhen
        45
    jaywhen  
       2021-12-16 19:27:08 +08:00 via iPhone
    @Kamiimeteor #38 不好意思,没注意到楼主想要视频推荐
    Kamiimeteor
        46
    Kamiimeteor  
    OP
       2021-12-16 19:48:17 +08:00
    @jaywhen 没事,官方文档也可以看看,特别是不懂卡住的时候查阅一下,一般都有奇效~
    shineit
        47
    shineit  
       2021-12-17 08:31:52 +08:00
    前几天 V2EX 上看到的推荐

    https://hyf.js.org/react-naive-book/
    React.js 小书
    musi
        48
    musi  
       2021-12-17 09:17:21 +08:00
    @bugsnail 你看的东西不对,看啥 w3school ,直接看 mdn ,了解了基本语法掌握了怎么使用再去 w3c 和 whatwg 看看 standard
    xqk111
        49
    xqk111  
       2021-12-17 09:18:11 +08:00
    react 官网,最好的入门,然后就是多练
    Nicksong
        50
    Nicksong  
       2021-12-17 09:45:33 +08:00 via iPhone
    老哥有 js 的教程推荐吗~
    目前在看 mdn 的教程。。
    zorui
        51
    zorui  
       2021-12-17 09:57:00 +08:00
    官方文档 已经写得很好了。 棋盘游戏 跟着走一遍基本就可以上手了。
    jerry12547
        52
    jerry12547  
       2021-12-17 11:00:02 +08:00
    @vision1900 捉个虫 https://ellifist.vercel.app/tools 点击 tabs 切换,另外一个隐藏得时候,上边框每次都提前消失,看着贼奇怪
    a13821190779
        53
    a13821190779  
       2021-12-17 11:25:42 +08:00
    看视频学习是吃别人剩下的。。。太恶心了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     975 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 19:00 PVG 03:00 LAX 12:00 JFK 15:00
    Do have faith in what you're doing.
    ubao 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