投稿

React18全家桶技术栈

2.7万

64

2023-03-08 10:30:56

正在缓冲...

分享一套React18的视频教程

35667158432_bili 发消息

知识分享，共同进步。

01_(理解)React的介绍和在前端的地位

28:54

02_(理解)如何学习React和课程内容介绍

21:58

03_(理解)邂逅React和React的技术特点

14:03

04_(掌握)React的三个依赖和编写React代码

26:01

05_(掌握)HelloReact案例实现-数据定义和函数绑定

14:06

06_(掌握)HelloReact案例实现-依赖本地引入和案例回顾

09:18

07_(掌握)HelloReact案例实现-组件App渲染的重构

17:13

08_(掌握)HelloReact案例实现-事件绑定的代码重构

28:16

09_(掌握)案例二-电影列表的多种方式实现

17:16

10_(掌握)案例三-计数器案例的实现细节

09:27

11_(掌握)React用户代码片段的生成过程

06:48

12_(理解)认识JSX和React为什么选择JSX

20:31

13_(掌握)JSX书写规范的注意事项

06:17

14_(掌握)JSX的注释的编写方式

04:28

15_(掌握)JSX中插入子元素不同类型处理

11:29

16_(掌握)JSX中嵌入不同的表达式

12:14

17_(掌握)JSX绑定属性-基本属性绑定

08:26

18_(掌握)JSX绑定属性-class和style属性绑定

15:51

19_(理解)内容回顾和作业布置

15:48

01_(掌握)事件绑定-this的三种绑定方式

33:25

02_(掌握)事件绑定-传递event和其他参数的方式

16:08

03_(掌握)事件绑定-电影列表的选中案例

19:49

04_(掌握)条件渲染-条件渲染的三种方式

21:12

05_(掌握)条件渲染-条件渲染的案例实现

08:26

06_(掌握)列表渲染-列表渲染中的高阶函数使用

24:12

07_(理解)JSX的本质-JSX的转换过程和不使用Babel

20:55

08_(理解)JSX的本质-虚拟DOM到真实DOM过程

23:00

09_(掌握)购物车案例-书籍数据的展示过程

11:11

10_(掌握)购物车案例-商品的总价格和格式化

10:29

11_(掌握)购物车案例-商品的加和减操作的处理

12:08

12_(掌握)购物车案例-删除商品和零数据展示效果

10:05

13_(理解)React脚手架的介绍和环境的搭建

17:31

14_(掌握)安装React脚手架和创建项目过程

13:25

15_(理解)React脚手架目录结构的分析和PWA介绍

24:41

16_(掌握)React脚手架下从零编写代码

12:36

17_(了解)React脚手架中的webpack配置查看

08:45

18_(理解)内容回顾和作业布置

09:32

01_(理解)React组件化开发理解和组件的划分

22:40

02_(掌握)React组件化开发-类组件的封装细节

23:03

03_(掌握)React组件化开发-函数组件的封装

07:29

04_(掌握)React组件化-生命周期介绍和挂载的整个过程

21:49

05_(掌握)React组件化-生命周期的更新和卸载的过程

10:21

06_(理解)React组件化-不常用生命周期的额外补充

18:17

07_(掌握)React组件化-组件拆分和嵌套关系

17:23

08_(掌握)React组件化-父子通信-父传子

14:15

09_(掌握)React组件化-父子通信-真实数据展示

08:20

10_(掌握)React组件化-父子通信-props类型验证

21:50

11_(掌握)React组件化-父子通信-子传父函数回调

17:31

12_(掌握)React组件化-父子通信阶段案例(一)

09:20

13_(掌握)React组件化-父子通信界面案例(二)

09:57

14_(掌握)React组件化-插槽的实现方案一

22:47

15_(掌握)React组件化-插槽的实现方案二

10:18

16_(理解)React组件化-作用域插槽的实现方案

11:19

17_(掌握)非父子组件通信-Context介绍和Spread语法传递

17:10

18_(理解)非父子组件通信-Context的基本使用

10:23

19_(理解)非父子组件通信-Context的其他用法

16:08

20_(理解)内容回顾和作业布置

11:49

01_(掌握)React组件化-非父子组件通信-事件总线

28:09

02_(掌握)React组件化-Vue和React区别和setState由来

30:10

03_(掌握)React组件化-setState三种不同的用法

18:25

04_(理解)React组件化-setState为什么设计为异步

27:25

05_(理解)React组件化-setState同步和异步不同情况

23:49

06_(了解)React组件化开发高级内容的介绍

08:54

07_(理解)React性能优化-React的diff算法和key的作用

18:41

08_(理解)React性能优化-Props和State是否改变SCU优化

23:04

09_(掌握)React性能优化-PureComponent和meno性能优化

09:36

10_(掌握)React性能优化-State数据保持不可变性

17:35

11_(了解)React性能优化-PureComponent源码的浅层笔记

18:05

12_(掌握)React性能优化-修改深层数据也要拷贝

06:08

13_(掌握)React组件化-ref获取原生DOM三种方式

15:05

14_(掌握)React组件化-ref类组件实例和函数组件DOM

14:05

15_(掌握)React组件化-受控组件和非受控组件的区分和使用

13:01

16_(理解)内容回顾和作业布置

15:56

01_(掌握)React组件化-表单的提交行为和受控组件回顾

21:26

02_(掌握)React组件化-多个受控组件同一个函数处理

07:44

03_(掌握)React组件化-Checkbox单选和多选的受控组件

21:36

04_(掌握)React组件化-Select单选和多选的受控组件

13:50

05_(理解)React组件化-非受控组件的使用过程

08:12

06_(掌握)React组件化-高阶组件的定义方式和作用

16:44

07_(掌握)React组件化-高阶组件应用场景一-props增强

19:30

08_(掌握)React组件化-高阶组件应用-Context数据共享

12:13

09_(掌握)React组件化-高阶组件应用-登录鉴权

13:40

10_(掌握)React组件化-高阶组件应用-生命周期

11:10

11_(理解)React组件化-高阶组件的意义和前面的高阶组件

13:16

12_(理解)React组件化-Portals将内容挂载其他元素

13:53

13_(掌握)React组件化-Fragment的用法和短语法方式

12:35

14_(了解)React组件化-严格模式下的代码检测

22:22

15_(掌握)React过渡动画-过渡动画的基本使用

30:41

16_(掌握)React过渡动画-其他动画属性的设置

10:59

17_(理解)React过渡动画-两个元素的切换动画实现

19:07

18_(理解)React过渡动画-列表数据的动画组实现

19:19

19_(理解)内容回顾和作业布置

10:29

01_(理解)组件化开发下的CSS编写要求

17:01

02_(掌握)CSS的方案一-内联样式的编写方式

13:22

03_(掌握)CSS的方案二-普通的CSS编写方式

10:45

04_(掌握)CSS的方案三-CSS模块化的编写方式

09:55

05_(掌握)CSS的方案四-Less的配置和编写方式

22:00

06_(掌握)CSS的方案五-CSS_in_JS的介绍和库的安装

22:42

07_(掌握)CSS的方案-ES6的标签模板字符串和sc库的使用

11:15

08_(掌握)CSS的方案五-sc子元素的抽取和引入外部的变量

22:01

09_(掌握)CSS的方案五-共享主题的变量数据

13:00

10_(掌握)CSS的方案五-attrs的小问题处理和sc继承特性

13:15

11_(掌握)React中动态添加class的库-classnames

19:53

12_(理解)Redux-内容的概述和纯函数的知识回顾

13:27

13_(掌握)Redux-Redux中的三个核心概念解析

16:12

14_(掌握)Redux-Store的创建过程和使用

10:31

15_(掌握)Redux-派发action以及reducer数据更新

14:26

16_(掌握)Redux-Store数据的订阅和reducer判断优化

08:52

17_(掌握)Redux-代码重构-优化-拆分文件过程

21:28

18_(理解)Redux-Redux三大原则和流程图分析

12:26

19_(掌握)Redux-Redux中React中的基本使用流程

24:14

20_(理解)内容回顾和作业布置

10:28

01_(掌握)Redux-react-redux将组件和Store连接起来

22:14

02_Redux-react-redux将组件和dispatch连接起来

16:28

03_(掌握)Redux-异步请求数据和存储到State中

23:14

04_(掌握)Redux-异步网络请求的操作-redux-thunk

28:13

05_(理解)Redux-React和Redux的开发工具安装和使用

32:29

06_(掌握)Redux-Redux的模块的拆分

24:46

07_(理解)Redux-combineReducers的底层实现原理

12:11

08_(掌握)Redux-RTK工具包的介绍和基本使用

29:16

09_(掌握)Redux-RTK的store和组件联系起来

17:39

10_(掌握)Redux-RTK中执行异步操作的方式

29:05

11_(理解)Redux-RTK的extraReducers和dispatch的写法

11:42

12_(了解)Redux-RTK中数据的不可变性原理

17:29

13_(了解)Redux-connect函数的实现原理

19:23

14_(了解)Redux-connect函数的store解耦操作

08:48

15_(理解)内容回顾和作业布置

15:30

01_(掌握)Redux-react-redux将组件和Store连接起来

22:14

02_Redux-react-redux将组件和dispatch连接起来

16:28

03_(掌握)Redux-异步请求数据和存储到State中

23:14

04_(掌握)Redux-异步网络请求的操作-redux-thunk

28:13

05_(理解)Redux-React和Redux的开发工具安装和使用

32:29

06_(掌握)Redux-Redux的模块的拆分

24:46

07_(理解)Redux-combineReducers的底层实现原理

12:11

08_(掌握)Redux-RTK工具包的介绍和基本使用

29:16

09_(掌握)Redux-RTK的store和组件联系起来

17:39

10_(掌握)Redux-RTK中执行异步操作的方式

29:05

11_(理解)Redux-RTK的extraReducers和dispatch的写法

11:42

12_(了解)Redux-RTK中数据的不可变性原理

17:29

13_(了解)Redux-connect函数的实现原理

19:23

14_(了解)Redux-connect函数的store解耦操作

08:48

15_(理解)内容回顾和作业布置

15:30

01_(了解)Redux-实现打印日志的中间件

23:04

02_(了解)Redux-实现Thunk库的核心逻辑

10:15

03_(了解)Redux-实现applyMiddleware函数原理

07:29

04_(理解)React应用程序的状态如何管理

12:54

05_(掌握)Router-React的Router基本使用过程

33:31

06_(了解)Router-NavLink的使用和Link的区别

17:31

07_(掌握)Router-Navigate组件使用和NotFound页面配置

11:39

08_(掌握)Router-路由嵌套的配置和展示Outlet

17:49

09_(掌握)Router-代码的JS跳转-useNavigate使用

13:31

10_(掌握)Router-withRouter的高阶组件封装增强

17:27

11_(掌握)Router-路由参数传递-动态路由-查询字符串

27:04

12_(掌握)Router-路由的配置方式使用

11:59

13_(掌握)Router-页面的懒加载和suspense

12:01

14_(理解)Hooks-函数和类组件存在的缺陷和Hooks作用

29:14

15_(掌握)Hooks-类组件和函数组件结合Hook的对比

19:09

16_(掌握)Hooks-useState的使用详解和使用规则

13:06

17_(理解)Hooks-useState理论知识内容补充

14:02

18_(理解)内容回顾和作业布置

14:13

顶部