日期:2024年10月15日

React视频教程(alpha版)

经过了一段时间的努力,我的React视频终于录完了 !好吧,其实还没有录完,录了大概有一多半吧视频一共有73个,时长大概是22个小时多一点,使用的React的版本是18。下边简单的介绍一下课程的大概内容。

1-11

1-11并不是React相关的内容,而是介绍了一些JS的基础,主要包括了变量、解构、展开、箭头函数、模块化、类和数组相关知识的补充,这部分内容都是React中比较常用的技术点,这里只是做了一个简单的回顾,如果你对JS基础已经十分熟悉了,这部分内容可以跳过。

12-19

12-19主要介绍了React的基本使用,包括了直接通过网页使用React、React元素、React中的三个API(createElement、createRoot和render)、JSX、虚拟DOM、列表的渲染等内容,这部分课程主要帮助大家对React有一个初步的认识,同时了解一下React中的一些基本概念。

20-47

20-47开始正式的编写React项目,包括了手动创建React项目、React组件(函数组件和类组件)、事件、props、state、ref、portal等知识点,以及表单的双向绑定、(非)受控组件、学习记录器(练习)等内容。这部分课程开始我们就正式的进入到了React的世界了,通过这部分内容大家要将思想从传统项目中网页的开发转换到React中的组件开发。思想建立起来后,后续的学习便能得心应手了!

48-73

48-73在前一阶段课程的基础上,继续深入学习React,主要涉及到了create-react-app、react中样式的设置(内联样式、外部样式表、CSS模块)、Fragment、Context以及名为汉堡到家的移动端应用的开发。该阶段的学习目的主要是从无到有开发了一个React的移动端应用,同时在开发应用的过程中我们也会遇到一些新的问题,遇到问题的同时也引出了React中那些我们尚未掌握的技术,学会了新技术问题也就迎刃而解了!

即将更新的内容

73个视频并没有涵盖到React中所有的内容,后续我将会继续对视频进行更新,这里简单对后续内容做一个预告:

  1. Effect (完成)
  2. Reducer(完成)
  3. Memo(完成)
  4. Callback(完成)
  5. Fetch(完成)
  6. 自定义Hook(完成)
  7. Redux(完成)
  8. RTK(完成)
  9. RTKQ(完成)
  10. Forward Refs(完成)
  11. 其他Hook(新增Hook)(完成)
  12. 路由(多页SPA)(完成)
  13. 权限认证(完成)
  1. Axios
  2. 项目调试
  3. 单元测试
  4. Next.js
  5. 动画

这些内容都是这次计划要录的内容,但是由于一些原因并没有及时完成。加上后续的10多天中需要还一笔欠了很久很久的债,所以稍微要耽误一些时日才能更新。大概10多天以后会开始录制后续的课程,敬请期待吧!

课程代码下载:

链接: https://pan.baidu.com/s/16hEN7j4hLDpd7NoFiS8dHw?pwd=4gxv 提取码: 4gxv 复制这段内容后打开百度网盘手机App,操作更方便哦。

更新的第二部分代码:

链接:https://pan.baidu.com/s/1mDkvLqYVz1QGTV1foz5mQg?pwd=5zir
提取码:5zir

第三部分代码:

链接:https://pan.baidu.com/s/1JBaN4gSST_yXgHoIPfF5uw?pwd=ws8t
提取码:ws8t

视频地址:

https://www.bilibili.com/video/BV1bS4y1b7NV/

4.9 66 投票数
文章评分
订阅评论
提醒
guest

107 评论
最旧
最新 最多投票
内联反馈
查看所有评论
小邓同学也
小邓同学也
2 年 前

爱你超哥

彭嘉阳
彭嘉阳
2 年 前
回复给  李立超

超哥能出一个vue3.2加element表单二次封装的视屏吗

超哥谜弟
超哥谜弟
2 年 前

超哥,你之前的资源没了吗

超哥铁粉
超哥铁粉
2 年 前
回复给  李立超

超哥最近在学你的js基础,有一些资源可以恢复过来吗

一只小肥仔丶
一只小肥仔丶
2 年 前

真是尚硅谷的超哥?卧槽?我记得网页不这样来着啊,啥时候变的?

一只小肥仔丶
一只小肥仔丶
2 年 前

超哥多出点前端教学吧,最好是系统一条龙的那种,我看完你的js基础后迷茫好一段时间不知道下面学什么,郁闷了好一阵,想学框架没看几集就被打回原形,希望多出点系统的教学视频,当然我也不会白嫖的。

翦水双瞳
翦水双瞳
2 年 前

讲得非常细也很适合初学者,JS基础不够深入,不够扎实的我,坚持跟着超哥视频学习React也学了快40P啦。

ruyu
ruyu
2 年 前

支持~~

布布?
布布?
2 年 前

催更了,o(╥﹏╥)o

小白小白
小白小白
2 年 前

太棒了 前段时间看react看完了一段敲了一遍不怎么有感觉,今天b站突然看到超哥发react教程了,js引路人的课太舒服了听着 希望超哥快点更新完

十三州府
十三州府
2 年 前

催更啦,加油,目前的视频马上就看完啦

朱同学
朱同学
2 年 前

超哥,请问你上课时用的文档在哪里找呢?

codermao
codermao
2 年 前

超哥有空能不能在react录完以后,出一个react相关的项目。

codermao
codermao
2 年 前
回复给  李立超

最帅的超哥

彭郁洁
2 年 前

想跟着超哥学一个react大项目!!

超哥太细了
超哥太细了
2 年 前

超哥加油!问下超哥大概什么时候可以全部录制完?打算跟超哥学完react就找工作!

梵歌love
梵歌love
2 年 前

b站来的,李老师太牛叉了

deadline
deadline
2 年 前

使用react从零开发一套富文本编辑器,基于json或xml格式存储数据,实时编辑和查看

Milo
2 年 前

超哥太棒了,HTML&CSS JS 都是看的您的视频学过来的

jc_forev
jc_forev
2 年 前

超哥,后续能将ts吗。React搭配ts开发更舒适吧。

运玉婷
运玉婷
2 年 前

超哥,我听完css+h5然后又去听你的js但是我发现软件变了啊,咋下载js的软件啊,我是小白,一脸懵啊

张达*
张达*
2 年 前

超哥,能不能搞个项目用到websocket

leeorz
leeorz
2 年 前

next.js啥时候能看呢?

少辰*
少辰*
2 年 前

李老师,React完结了吗?

man
man
1 年 前
回复给  李立超

还更react项目吗超哥

Nina3375
Nina3375
2 年 前

请问李老师,您的个人网页上标注React视频教程是Alpha版,为什么称它为Alpha版啊?是不是内容是简化版的呀? 只是想知道是不是React框架的所有知识都涉及到了,希望老师得空回复一下,谢谢!

Nina3375
Nina3375
2 年 前
回复给  李立超

真是谦虚可爱的老师!感激有您这样的老师分享用心的教学视频!我会继续在B站支持您!

gao
gao
2 年 前

lala

duzhe
2 年 前

超哥我爱你!!!我是b站的你怎么光张嘴不说哈话!!!

断章取义
断章取义
2 年 前

?厉害

小郭同学
小郭同学
2 年 前

超哥我是今年春节开始学前端的,一直都看的您的视频,变成了你的粉丝,特别喜欢,现在终于要开始找工作上班了,现在又来学习react18版本啦,支持你加油加油

小汪同学
小汪同学
2 年 前

李老师,讲课的课件能分享一下吗

小汪同学
小汪同学
2 年 前
回复给  李立超

课堂上讲课的笔记

rain
rain
2 年 前

超哥,这里react的笔记文章太乱了,可以给一下笔记吗?

小汪同学
小汪同学
2 年 前

老师,有这个视频的百度网盘链接吗?想下载下来

Tahm
Tahm
2 年 前

已经学完了,很受用,万分期待期待超哥的react项目

李满山
李满山
2 年 前

非常感谢李老师,讲的课条理非常清晰,不但学习了知识,老师还努力树立大家的编程思想。

最爱超哥
最爱超哥
2 年 前

超哥ts视频啥时候发呀

Sunrise
Sunrise
2 年 前

超哥可以提供下载版吗

我们的天空
我们的天空
2 年 前

很喜欢老师的课,支持!

spring-flower
spring-flower
2 年 前

给超哥打call!!!!!

helloworld
helloworld
2 年 前

超哥, 啥时候整个 node, 就喜欢听你的课

我可是帅哥嘞
我可是帅哥嘞
2 年 前

超哥开班吧,我要报名,嘿嘿

Azure
Azure
2 年 前

怎么注册呀?

哈哈哈
哈哈哈
2 年 前

超哥 网站内有视频中的笔记嘛

彭诚燚
彭诚燚
2 年 前

超哥Vue,Git,webpack,es6,视频有录吗?满怀期待

彭诚燚
彭诚燚
2 年 前

超哥,前端开发学完哪些内容就可以去找工作?

彭诚燚
彭诚燚
2 年 前
回复给  李立超

感谢超哥的回复,请问Git,Webpack,es6,前端开发这3个内容要学吗?

congreat233
congreat233
2 年 前

超哥有没有想法出个vue3.0大版本的视频 看完你视频看别人的都索然无味

一颗酥梨
一颗酥梨
2 年 前

期待超哥出node,刚刚看完你的js基础,ღ( ´・ᴗ・` )

小李在努力
小李在努力
1 年 前

超哥,react后面会有生命周期的讲解吗

小李在努力
小李在努力
1 年 前
回复给  李立超

那生命周期还有必要学吗

小李在努力
小李在努力
1 年 前
回复给  李立超

好的谢谢超哥

前端字段卷
前端字段卷
1 年 前

超哥能换个 头像吗 做噩梦了

小李在努力
小李在努力
1 年 前

超哥,react需要阅读源码吗

xaoguan
xaoguan
1 年 前

超哥,react教程的知识点都更新完了吗?

小李在努力
小李在努力
1 年 前

超哥,跨域问题开发的时候怎么解决,要使用代理吗

爱尚丽明
爱尚丽明
1 年 前

超哥,您怎么这么厉害!决定把您的所有教学视频都学习学习。感谢超哥的无私奉献!!!喜欢您视频的风格

Teresa
Teresa
1 年 前

视频很棒 非常detailed
♥️

107
0
希望看到您的想法,请您发表评论x