投稿

千锋教育前端React18系统精讲教程，基于最新版本新特性源码级剖析

4.2万

292

2023-07-13 18:10:00

未经作者授权，禁止转载

正在缓冲...

本课程以React18最新版本，以及2023年React新官网标准规范进行讲解，整套课程内容精心设计，讲解循序渐进，适合新手同学入门学习，也适合有一定React开发经验的同学进阶学习，让你迅速成为一位优秀的React开发人员。

千锋教育发消息

咨询课程、就业规划、简历模板、毕业设计及领取课程源码+资料，添加秋秋：1227978060（同微）

高阶霸气秒BOSS！红装光柱无限爆！

这款页游装备全靠打！

1_1_课程介绍

07:47

2_1_React框架对前端开发的意义

06:46

2_2_React库与React框架的区别是什么

04:30

2_3_create-vite脚手架安装及文件介绍

12:52

2_4_ESLint配置与Prettier配置

10:51

2_5_react模块与react-dom模块分别起什么作用

04:06

2_6_了解JavaScript的扩展语法JSX

08:10

2_7_JSX语法与HTML之间的写法区别

20:46

2_8_行间样式，全局样式，局部样式的使用

16:28

2_9_支持 sass 预处理与 classnames 模块的使用

11:59

2_10_React元素是如何添加事件操作的

13:03

2_11_如何根据不同的条件进行不同的内容渲染

12:08

2_12_如何对一个数据集合进行批量渲染

11:41

2_13_两种实现组件的点标记写法

09:10

2_14_组件之间是如何进行通信的

12:48

2_15_组件的内容是如何组合到一起的

09:55

2_16_通信的数据是如何添加默认值的

04:07

2_17_通信的数据是如何限定类型的

09:46

2_18_组件必须是一个纯函数

09:06

2_19_什么是组件的状态及useState函数

04:59

2_20_状态是如何改变视图的

17:36

2_21_多状态是如何进行正确记忆的

12:14

2_22_什么是状态的快照及快照的陷阱

11:20

2_23_状态队列与自动批处理

12:01

2_24_要严格遵守状态是不可变的

11:10

2_25_常见的对象和数组的解决方案

18:06

2_26_immer 简化不可变对象操作

07:50

2_27_惰性初始化状态的值

04:37

2_28_状态提升来解决共享问题

07:59

2_29_状态的重置处理问题

11:24

2_30_利用状态产生计算变量

06:26

2_31_什么是受控组件与非受控组件

08:00

2_32_实战案例任务列表

18:40

3_1_什么是Hooks

02:52

3_2_用ref引用一个值做记忆功能

14:02

3_3_useRef可通过ref操作DOM

08:53

3_4_组件设置ref需要forwardRef进行转发

05:14

3_5_useImperativeHandle自定义ref的暴露

08:07

3_6_纯函数如何处理副作用useEffect基本使用

17:01

3_7_分开处理副作用useEffect的依赖项的使用

20:19

3_8_尽量在useEffect内定义函数

11:00

3_9_useEffect清理操作的重要性

21:17

3_10_实验性的useEffectEvent

10:42

3_11_useLayoutEffect同步执行状态更新

10:25

3_12_useInsertionEffectDOM更新前触发

09:14

3_13_Reducer统一的状态管理集合

18:06

3_14_Context向组件深层传递数据

09:04

3_15_Reducer配合Context实现共享状态管理

12:58

3_16_memo在props不变情况下跳过重新渲染

05:58

3_17_useMemo对计算结果进行缓存

06:10

3_18_useCallback对函数进行缓存

04:46

3_19_startTransition方法及并发模式

13:55

3_20_useTransition与useDeferredValue

04:54

3_21_useId生成唯一ID值

07:49

3_22_实战案例品购物车

23:19

4_1_什么是UI组件库及antd安装

08:11

4_2_antd布局与导航组件

12:40

4_3_antd数据录入组件

11:27

4_4_antd数据展示组件

18:14

4_5_antd反馈与其他组件

14:59

4_6_antd主题_国际化_日期等处理

17:53

4_7_案例1_手写antd按钮组件

23:08

4_8_案例2_手写antd评分组件

24:47

4_9_案例3_手写antd全局提示组件

23:26

4_10_什么是自定义Hook

09:10

4_11_ahooks处理Ajax请求

18:55

4_12_ahooks处理请求的高级用法

12:12

4_13_ahooks处理业务场景

16:05

4_14_ahooks处理State钩子

20:25

4_15_ahooks处理Effect钩子

14:41

4_16_ahooks处理DOM钩子

17:00

4_17_案例1_手写ahooks的useUpdateEffect钩子

08:09

4_18_案例2_手写ahooks的useBoolean加useHover钩子

09:43

4_19_实战案例_首次访问漫游式引导

11:13

5_1_flushSync确保了DOM立即更新

08:21

5_2_使用errorboundary（错误边界）捕获渲染错误

05:30

5_3_lazy与Suspense懒加载的组件

10:03

5_4_createPortal渲染到DOM的不同部分

09:19

5_5_Profiler组件和ReactDevTools的性能测试

11:28

5_6_hydrateRoot水合与服务端API

14:38

5_7_CSS-in-JS允许直接在JavaScript中编写CSS

12:26

5_8_React中使用TailwindCSS

09:53

5_9_react-spring动画库

06:52

5_10_Ant Design Charts图表库

08:30

5_11_React-BMapGL地图库

13:09

顶部