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

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

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

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

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

    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 感觉确实得写很久。。
    yanzhiling2001
        6
    yanzhiling2001  
       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
       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   ·   我们的愿景   ·   实用小工具   ·   5100 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 05:40 · PVG 13:40 · LAX 22:40 · JFK 01:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.