投稿

React18视频教程（讲师：李立超）React视频教程

42.2万

1.3万

2022-05-10 19:14:36

正在缓冲...

React18的视频教程，教程涵盖React基础到项目的实战，已发布的内容中包括React相关的JS基础（变量、解构、展开、箭头函数、类、模块化、数组方法等）、React基础（React元素、JSX、虚拟DOM、列表的渲染）、React项目创建、组件、事件、Props、State、Ref、Portal、React中的CSS样式、Fragment、Context以及《学习记录器》和《汉堡到家》两个练习。后续还会更新Effect、Reducer、Redux、Fetch、自定义Hook等内容。

李立超老师发消息

我是李立超，跟我一起学前端吧！

React00_课程简介

11:33

React01_变量的声明

19:48

React02_解构赋值

25:18

React03_展开

11:02

React04_箭头函数的语法

13:08

React05_箭头函数的特点

20:03

React06_模块化

29:30

React07_类

13:41

React08_类的this

16:31

React09_类的继承

24:25

React10_静态属性和方法

05:21

React11_数组方法补充

22:42

React12_React简介

30:26

React13_HelloWorld

22:15

React14_三个API之一

39:08

React15_三个API之二

11:57

React16_JSX简介

18:44

React17_JSX的注意事项

19:46

React18_渲染列表

15:47

React19_虚拟DOM

45:08

React20_手动创建React项目

16:09

React21_运行React项目

16:32

React22_定义练习的结构

15:13

React23_编写练习的样式

22:59

React24_组件简介

14:50

React25_类组件

05:18

React26_使用组件修改练习

17:54

React27_事件

21:51

React28_props简介

14:28

React29_设置日期

15:16

React30_修改Logs组件

17:06

React31_引出问题

08:34

React32_State简介

24:00

React33_State的注意事项

34:13

React34_DOM对象和useRef()

26:29

React35_类组件

32:19

React36_添加Card组件

15:30

React37_添加表单

18:38

React38_获取表单数据

23:25

React39_双向绑定

12:25

React40_存储到一个state

05:24

React41_添加新日志

42:55

React42_删除日志

24:24

React43_空列表提示

08:11

React44_添加ConfirmModal

17:34

React45_完成确认窗口

16:21

React46_使用portal修改项目

21:26

React47_过滤日志

25:40

React48_使用create-react-app

31:10

React49_内联样式和样式表

15:48

React50_CSS_Module

14:47

React51_Fragment

08:23

React52_订餐App简要分析

08:43

React53_项目准备

12:50

React54_完成Meals组件

27:21

React55_完成Counter计数器

15:36

React56_引入FontAwesome

12:22

React57_加载meals数据

08:22

React58_添加删除购物车中的商品

24:17

React59_Context的使用

29:15

React60_使用Context修改练习

08:47

React61_搜索框结构

14:37

React62_完成搜索

08:20

React63_处理字体大小问题

04:51

React64_初步完成购物车条

19:30

React65_完成Backdrop

05:21

React66_完成购物车条

06:51

React67_实现购物车详情

24:09

React68_完成购物车详情的显示于隐藏

07:59

React69_添加Checkout及处理bug

18:06

React70_完成购物车

25:51

React71_Checkout的头和尾

14:10

React72_完成购物列表显示

14:46

React73_完成React练习

09:42

React74_什么是副作用

21:58

React75_setState的执行流程

25:23

React76_useEffect简介

13:05

React77_Effect的依赖项

20:07

React78_Effect的清理函数

21:15

React79_使用useReducer

51:33

React80_使用useReducer修改练习

22:07

React81_React.memo

14:45

React82_useCallback()

16:34

React83_Strapi的使用

32:59

React84_使用fetch

23:01

React85_数据加载的提示

06:05

React86_处理错误

14:37

React87_使用await

11:09

React88_删除数据

25:16

React89_创建表单

10:41

react90_添加学生

17:47

react91_设置修改界面

08:54

React92_完成修改

07:06

React93_自定义钩子

16:17

React94_完成useFetch

26:28

React95_Redux简介

13:09

React96_HelloRedux

14:32

React97_解析Redux的HelloWorld

14:20

React98_引入RTK

09:13

React99_使用RTK创建store

23:53

React100_完成RTK代码

17:47

React101拆分RTK代码

17:09

React102_RTKQ简介

28:11

React103_HelloRTKQ

23:56

React104_修改代码

10:03

React105_添加getStudentById

15:47

React106_缓存演示

08:38

React107_useQuery的返回值

19:14

React108_useQuery的参数

20:09

React109_删除数据

12:18

React110_修改数据

11:46

React111_数据标签

19:08

React112_ReactRouter简介

11:57

React113_HelloWorld

19:04

React114_Link和NavLink

14:17

React115_两种Router

22:38

React116_Route组件（1）

27:37

React117_Route组件（2）

16:43

React118_路由的嵌套

06:26

React119_Prompt组件

07:13

React120_Redirect组件

10:20

React121_Router6_HelloWorld

14:33

React122_参数和钩子

16:03

React123_嵌套路由和Outlet

13:30

React124_Navigate组件

04:04

React125_NavLink

06:28

React126_权限案例创建

18:17

React127_创建表单

14:38

React128_完成注册功能

23:02

React129_完成登录功能

12:08

React130_使用redux存储登录状态

19:21

React131_NeedAuth组件

17:42

React132_使用本地存储

12:26

React133_自动登出

19:28

React134_添加学生数据

09:50

React135_添加服务器验证

19:32

React136_useMemo

30:40

React137_useImperativeHandle

22:16

React138_三个effect

25:53

React139_UseDebugValue

03:47

React140_useDeferredValue

26:20

React141_useTransition

17:21

顶部