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

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

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

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

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

  • 入门
  • 付费
  • React
  • 放空
    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
       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
    https://m.douban.com/book/subject/30346678/
    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
    egghead.io
    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
    https://beta.reactjs.org/
    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   ·   实用小工具   ·   1017 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 21:34 · PVG 05:34 · LAX 13:34 · JFK 16:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.