通过手写5000+源码，深入理解 React 内部机制，提升 React 复杂代码设计能力

*   00 资料/

  *   源代码/

    *   01 react18-core.zip (0.03 MB)

    *   02 simple-react.zip (0.17 MB)

*   01 第1章 课程简介/

  *   01 1-1 导学.mp4 (34.39 MB), 07:34

*   02 第2章 登高望远，手写源码前的思想准备/

  *   01 2-1 思想准备01-本章介绍.mp4 (20.80 MB), 03:12

  *   02 2-2 思想准备02-源码观.mp4 (36.95 MB), 06:31

  *   03 2-3 思想准备03-React是什么.mp4 (168.93 MB), 20:46

  *   04 2-4 思想准备04-React架构演进过程.mp4 (66.73 MB), 08:39

  *   05 2-5 思想准备05-树立数据结构与算法的意识.mp4 (16.60 MB), 02:58

  *   06 2-6 思想准备06-树立用原子视角看问题的意识.mp4 (14.85 MB), 02:19

  *   07 2-7 思想准备07-理解React源码学习的基本方法.mp4 (39.46 MB), 07:28

  *   08 2-8 思想准备08-小结.mp4 (8.84 MB), 01:19

*   03 第3章 原始版-初始化渲染：实现最原始的渲染过程/

  *   01 3-1 -本章介绍.mp4 (27.91 MB), 04:30

  *   02 3-2 -环境搭建.mp4 (62.48 MB), 11:29

  *   03 3-3 -虚拟DOM与真实DOM的实况对比.mp4 (82.36 MB), 15:09

  *   04 3-4 -JSX的相关概念和原理.mp4 (58.23 MB), 10:53

  *   05 3-5 -React和ReactDOM职责划分.mp4 (29.24 MB), 04:41

  *   06 3-6 -createElement.mp4 (122.53 MB), 22:14

  *   07 3-7 -render函数.mp4 (117.99 MB), 21:18

  *   08 3-8 -setPropsForDom.mp4 (46.85 MB), 08:30

  *   09 3-9 -初始化渲染调试.mp4 (84.13 MB), 15:07

  *   10 3-10 -思考题.mp4 (39.03 MB), 06:31

  *   11 3-11 -小结.mp4 (3.99 MB), 00:45

*   04 第4章 原始版-引入函数组件与类组件提升渲染能力/

  *   01 4-1 本章介绍.mp4 (14.71 MB), 02:10

  *   02 4-2 组件概念介绍.mp4 (54.14 MB), 09:31

  *   03 4-3 实现函数组件的基础功能.mp4 (84.19 MB), 14:38

  *   04 4-4 类组件的基本实现.mp4 (92.34 MB), 15:32

  *   05 4-5 类组件的更新机制分析.mp4 (56.47 MB), 10:12

  *   06 4-6 类组件setState函数的实现.mp4 (99.00 MB), 17:39

  *   07 4-7 类组件setState函数的实现.mp4 (99.35 MB), 18:05

  *   08 4-8 事件合成机制原理介绍.mp4 (42.16 MB), 07:58

  *   09 4-9 实现事件合成机制.mp4 (138.91 MB), 25:00

  *   10 4-10 实现事件合成机制.mp4 (115.51 MB), 21:02

  *   11 4-11 ref原理分析.mp4 (83.33 MB), 15:08

  *   12 4-12 原生标签和类组件ref的实现.mp4 (33.30 MB), 06:11

  *   13 4-13 引入forwardRef的底层逻辑.mp4 (75.44 MB), 12:48

  *   14 4-14 forwardRef的实现.mp4 (63.52 MB), 11:22

  *   15 4-15 组件相关代码调试.mp4 (60.48 MB), 11:05

  *   16 4-16 思考题与解答.mp4 (32.50 MB), 04:32

  *   17 4-17 小结.mp4 (5.98 MB), 01:09

*   05 第5章 原始版-对渲染过程进行优化-DOM DIFF/

  *   01 5-1 -本章介绍.mp4 (20.88 MB), 03:19

  *   02 5-2 原理分析.mp4 (112.50 MB), 20:25

  *   03 5-3 原理分析.mp4 (73.14 MB), 13:04

  *   04 5-4 源码实现-简单场景-1.mp4 (105.87 MB), 19:11

  *   05 5-5 源码实现-简单场景-2.mp4 (90.08 MB), 16:13

  *   06 5-6 源码实现-复杂场景-1.mp4 (117.88 MB), 21:48

  *   07 5-7 源码实现-复杂场景-2.mp4 (81.18 MB), 15:04

  *   08 5-8 源码实现-代码调试.mp4 (92.39 MB), 17:03

  *   09 5-9 源码实现-代码调试.mp4 (61.46 MB), 11:33

  *   10 5-10 -思考题和解答.mp4 (49.17 MB), 07:18

  *   11 5-11 -小结.mp4 (8.10 MB), 01:32

*   06 第6章 原始版-类组件的增强：生命周期/

  *   01 6-1 -本章介绍.mp4 (16.69 MB), 02:47

  *   02 6-2 -生命周期的本质.mp4 (32.23 MB), 04:46

  *   03 6-3 -生命周期图的观察.mp4 (41.13 MB), 07:06

  *   04 6-4 -常用生命周期函数案例.mp4 (124.94 MB), 22:21

  *   05 6-5 -常用生命周期函数代码实现.mp4 (65.70 MB), 11:31

  *   06 6-6 -shouldComponentUpdate案例.mp4 (49.81 MB), 07:42

  *   07 6-7 -shouldComponentUpdate源码实现.mp4 (43.98 MB), 07:57

  *   08 6-8 -getDefirvedStateFromProps案例.mp4 (77.28 MB), 13:49

  *   09 6-9 -getDefirvedStateFromProp源码实现.mp4 (30.52 MB), 05:15

  *   10 6-10 -getSnapshotBeforeUpdate案例.mp4 (95.07 MB), 17:02

  *   11 6-11 -getSnapshotBeforeUpdate源码实现.mp4 (82.89 MB), 15:07

  *   12 6-12 -生命周期函数代码调试.mp4 (83.04 MB), 14:22

  *   13 6-13 -思考题与解答.mp4 (29.11 MB), 03:13

  *   14 6-14 -本章小结.mp4 (3.43 MB), 00:45

*   07 第7章 原始版-进一步探索对渲染过程的性能优化/

  *   01 7-1 -本章介绍.mp4 (7.42 MB), 01:32

  *   02 7-2 -PureComponent案例.mp4 (47.35 MB), 08:42

  *   03 7-3 -PureComponent源码实现.mp4 (61.94 MB), 11:08

  *   04 7-4 -memo案例.mp4 (34.86 MB), 04:40

  *   05 7-5 -1-memo源码实现.mp4 (107.31 MB), 19:07

  *   06 7-6 -2-memo源码实现.mp4 (68.66 MB), 12:31

  *   07 7-7 -代码调试.mp4 (75.26 MB), 13:49

  *   08 7-8 -思考题.mp4 (63.91 MB), 10:58

  *   09 7-9 -小结.mp4 (7.71 MB), 01:27

*   08 第8章 原始版-引入日常开发的利器：Hooks/

  *   01 8-1 -本章介绍.mp4 (11.47 MB), 01:47

  *   02 8-2 -Hooks概况.mp4 (38.63 MB), 05:36

  *   03 8-3 -useSstate案例观察.mp4 (30.24 MB), 05:14

  *   04 8-4 -useState源码实现.mp4 (112.17 MB), 20:04

  *   05 8-5 -useReducer案例观察.mp4 (41.05 MB), 06:06

  *   06 8-6 -useReducer源码实现.mp4 (29.99 MB), 04:56

  *   07 8-7 -useEffect及useLayoutEffect源码实现.mp4 (59.27 MB), 08:46

  *   08 8-8 -useEffect及useLayoutEffect源码实现.mp4 (141.39 MB), 25:24

  *   09 8-9 -useRef案例和源码.mp4 (49.10 MB), 08:31

  *   10 8-10 -useImperativeHandle案例和源码.mp4 (56.21 MB), 09:55

  *   11 8-11 -useMemo及useCallback案例.mp4 (71.97 MB), 12:42

  *   12 8-12 -useMemo及useCallback源码实现.mp4 (48.86 MB), 08:51

  *   13 8-13 -代码调试.mp4 (69.08 MB), 10:54

  *   14 8-14 -思考题及解答.mp4 (30.04 MB), 03:49

  *   15 8-15 -小结.mp4 (11.39 MB), 02:18

*   09 第9章 React18-React 性能革命：Fiber 架构的设计理念/

  *   01 9-1 -本章介绍.mp4 (5.26 MB), 01:18

  *   02 9-2 -为什么需要Fiber架构.mp4 (103.78 MB), 18:33

  *   03 9-3 -Fiber架构是什么.mp4 (38.94 MB), 05:25

  *   04 9-4 -Fiber是什么.mp4 (58.36 MB), 08:57

  *   05 9-5 -双缓冲策略.mp4 (45.59 MB), 07:44

  *   06 9-6 -工作循环.mp4 (54.44 MB), 09:23

  *   07 9-7 -并发模式.mp4 (27.29 MB), 04:06

  *   08 9-8 -思考题及解答.mp4 (46.39 MB), 03:58

  *   09 9-9 -本章小结.mp4 (8.33 MB), 01:58

*   10 第10章 React18-初始化渲染/

  *   01 10-1 -本章介绍.mp4 (8.23 MB), 01:22

  *   02 10-2 -环境准备.mp4 (62.94 MB), 11:10

  *   03 10-3 -jsxDev代码实现.mp4 (103.26 MB), 18:45

  *   04 10-4 createRoot-1.mp4 (94.47 MB), 17:15

  *   05 10-5 createRoot-2.mp4 (119.87 MB), 21:28

  *   06 10-6 -createRoot的类型表达实现及调试.mp4 (103.12 MB), 19:08

  *   07 10-7 -render函数阶段划分.mp4 (18.18 MB), 03:05

  *   08 10-8 updateContainer代码实现-1.mp4 (78.21 MB), 14:18

  *   09 10-9 -2updateContainer代码实现.mp4 (40.49 MB), 07:21

  *   10 10-10 -1-scheduleUpdateOnFiber.mp4 (91.77 MB), 16:15

  *   11 10-11 scheduleUpdateOnFiber-2.mp4 (87.60 MB), 15:56

  *   12 10-12 beginWork1-1.mp4 (94.70 MB), 17:02

  *   13 10-13 beginWork1-2.mp4 (86.12 MB), 15:33

  *   14 10-14 beginWork2-1.mp4 (71.95 MB), 13:06

  *   15 10-15 beginWork2-2.mp4 (74.31 MB), 13:31

  *   16 10-16 -beginWork调试.mp4 (103.94 MB), 18:52

  *   17 10-17 -completeWork1.mp4 (152.79 MB), 22:22

  *   18 10-18 completeWork2-1.mp4 (136.87 MB), 24:32

  *   19 10-19 completeWork2-2.mp4 (62.35 MB), 10:49

  *   20 10-20 -completeWork3.mp4 (111.70 MB), 20:30

  *   21 10-21 -completeWork调试.mp4 (133.44 MB), 24:57

  *   22 10-22 commitWork代码实现-1.mp4 (131.72 MB), 24:48

  *   23 10-23 commitWork代码实现-2.mp4 (122.65 MB), 22:20

  *   24 10-24 -代码调试.mp4 (115.46 MB), 17:25

  *   25 10-25 -函数组件.mp4 (80.60 MB), 14:47

  *   26 10-26 -思考题.mp4 (31.70 MB), 04:24

  *   27 10-27 -小结.mp4 (27.24 MB), 04:56

*   11 第11章 React18-合成事件系统/

  *   01 11-1 -本章介绍.mp4 (17.98 MB), 02:13

  *   02 11-2 -思路分析.mp4 (29.90 MB), 05:45

  *   03 11-3 -事件名注册.mp4 (133.98 MB), 22:08

  *   04 11-4 -注册监听事件.mp4 (124.38 MB), 22:55

  *   05 11-5 事件派发主要逻辑-1.mp4 (116.25 MB), 21:04

  *   06 11-6 事件派发主要逻辑-2.mp4 (127.63 MB), 23:34

  *   07 11-7 -收集监听器函数.mp4 (80.63 MB), 14:58

  *   08 11-8 -合成事件对象.mp4 (73.16 MB), 13:24

  *   09 11-9 -事件函数回调.mp4 (54.78 MB), 10:10

  *   10 11-10 -代码调试.mp4 (59.75 MB), 12:02

  *   11 11-11 -思考题.mp4 (24.67 MB), 04:11

  *   12 11-12 -小结.mp4 (16.10 MB), 03:00

*   12 第12章 React18-组件更新/

  *   01 12-1 -本章介绍.mp4 (17.72 MB), 01:43

  *   02 12-2 dom diff思路分析 1.mp4 (89.61 MB), 16:54

  *   03 12-3 dom diff思路分析 2.mp4 (65.06 MB), 12:09

  *   04 12-4 -单节点dom diff.mp4 (118.36 MB), 21:41

  *   05 12-5 多节点dom diff 1.mp4 (65.25 MB), 11:44

  *   06 12-6 多节点dom diff 2.mp4 (81.70 MB), 14:55

  *   07 12-7 -多节点dom diff 3.mp4 (107.35 MB), 19:29

  *   08 12-8 多节点dom diff 4.mp4 (73.44 MB), 13:32

  *   09 12-9 多节点dom diff 5.mp4 (88.14 MB), 15:43

  *   10 12-10 -思考题和解答.mp4 (18.34 MB), 03:14

  *   11 12-11 -小结.mp4 (14.40 MB), 02:18

*   13 第13章 React18-Hooks/

  *   01 13-1 -本章介绍.mp4 (13.11 MB), 02:10

  *   02 13-2 useReducer挂载-1.mp4 (243.01 MB), 19:53

  *   03 13-3 useReducer挂载-2.mp4 (79.71 MB), 14:23

  *   04 13-4 -useReducer触发更新.mp4 (306.06 MB), 25:52

  *   05 13-5 useReducer更新渲染1-1.mp4 (123.44 MB), 22:11

  *   06 13-6 useReducer更新渲染1-2.mp4 (67.03 MB), 12:23

  *   07 13-7 -useReducer更新渲染2-1.mp4 (76.17 MB), 13:53

  *   08 13-8 -useReducer更新渲染2-2.mp4 (69.98 MB), 13:25

  *   09 13-9 -useReducer更新渲染3.mp4 (89.18 MB), 16:42

  *   10 13-10 -useReducer调试.mp4 (244.26 MB), 21:25

  *   11 13-11 -useState.mp4 (121.06 MB), 22:00

  *   12 13-12 -useEffect挂载-1.mp4 (174.70 MB), 14:42

  *   13 13-13 -useEffect挂载-2.mp4 (79.57 MB), 14:10

  *   14 13-14 useEffect更新1-1.mp4 (77.02 MB), 14:00

  *   15 13-15 useEffect更新1-2.mp4 (75.57 MB), 13:44

  *   16 13-16 -useEffect更新2.mp4 (126.34 MB), 22:52

  *   17 13-17 -useEffect调试.mp4 (92.37 MB), 07:31

  *   18 13-18 -useLayoutEffect.mp4 (99.69 MB), 18:29

  *   19 13-19 -思考题及解答.mp4 (23.20 MB), 03:16

  *   20 13-20 -小结.mp4 (30.53 MB), 01:55

*   14 第14章 React18-Lane模型与优先级/

  *   01 14-1 -本章介绍.mp4 (47.79 MB), 03:41

  *   02 14-2 -本章介绍.mp4 (21.70 MB), 03:41

  *   03 14-3 -二进制的计算.mp4 (128.12 MB), 23:17

  *   04 14-4 -最小堆算法原理.mp4 (78.28 MB), 14:02

  *   05 14-5 -最小堆算法实现-1.mp4 (176.35 MB), 14:10

  *   06 14-6 -最小堆算法实现-2.mp4 (84.45 MB), 15:08

  *   07 14-7 -React18优先级体系.mp4 (55.42 MB), 10:10

  *   08 14-8 -小结.mp4 (33.18 MB), 02:46

*   15 第15章 React18-调度系统/

  *   01 15-1 -本章介绍.mp4 (30.84 MB), 05:34

  *   02 15-2 -调度核心逻辑1.mp4 (229.96 MB), 19:16

  *   03 15-3 调度核心逻辑2-1.mp4 (82.66 MB), 14:53

  *   04 15-4 调度核心逻辑2-2.mp4 (146.10 MB), 12:26

  *   05 15-5 -ReactFiberLane和ReactEventPriority-1.mp4 (87.12 MB), 15:49

  *   06 15-6 -ReactFiberLane和ReactEventPriority-2.mp4 (93.83 MB), 17:21

  *   07 15-7 Lane模型下的更新队列-1.mp4 (142.10 MB), 26:05

  *   08 15-8 Lane模型下的更新队列-2.mp4 (117.82 MB), 21:39

  *   09 15-9 Lane模型下的更新队列-3.mp4 (45.93 MB), 08:13

  *   10 15-10 -加入优先级的初始化渲染.mp4 (118.56 MB), 21:19

  *   11 15-11 -本章小结.mp4 (14.19 MB), 02:28

*   16 第16章 React18-并发渲染/

  *   01 16-1 -本章介绍.mp4 (8.40 MB), 01:23

  *   02 16-2 -同步渲染.mp4 (89.78 MB), 16:20

  *   03 16-3 -并发渲染.mp4 (110.40 MB), 20:15

  *   04 16-4 -思考题.mp4 (11.59 MB), 02:02

  *   05 16-5 -小结.mp4 (23.48 MB), 04:13