前端跳槽突围课：React18底层源码深入剖析

从框架使用者蜕变成源码开发与贡献者，助力前端工程师顺利摆脱就业，跳槽困境

*   第1章 课程介绍/

  *   1-1 React18源码实战课程导学.mp4 09:29

*   第2章 学前技术储备：React核心知识点讲解/

  *   2-1 为什么要学习React源码.mp4 10:04

  *   2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurrent等.mp4 23:36

  *   2-3 Thinking in React，即用React的方式写React-1.mp4 12:51

  *   2-4 Thinking in React，即用React的方式写React-2.mp4 06:27

  *   2-5 React中的状态管理与状态管理库-1.mp4 16:14

  *   2-6 React中的状态管理与状态管理库-2.mp4 09:27

  *   2-7 state (状态)与props (属性).mp4 07:19

  *   2-8 React中的组件，如函数组件、类组件等.mp4 15:56

  *   2-9 Hooks.mp4 08:14

  *   2-10 Context.mp4 15:12

  *   2-11 React脚手架以及企业级框架.mp4 12:52

  *   2-12 React 组件的常见性能优化-1.mp4 14:16

  *   2-13 React 组件的常见性能优化-2.mp4 11:21

  *   2-14 React 组件的常见性能优化-3.mp4 07:59

*   第3章 学习前：底层源码的高效学习方法分享/

  *   3-1 -1 如何高效学习React源码.mp4 14:10

  *   3-2 -2 如何高效学习React源码.mp4 16:31

  *   3-3 如何debug React源码.mp4 12:42

  *   3-4 如何运行React测试用例.mp4 05:07

  *   3-5 如何成为React Contributor.mp4 12:13

*   第4章 代码实践：打造轮子，自己的mini react框架/

  *   4-1 造轮子的优势以及步骤.mp4 04:33

  *   4-2 搭建自己的mini react项目.mp4 08:07

*   第5章 React18全新底层核心运行机制：任务调度机制的代码实践/

  *   5-1 实现任务调度算法-1.mp4 03:19

  *   5-2 实现任务调度算法-什么是最小堆-2.mp4 19:16

  *   5-3 实现任务调度算法-实现最小堆的peek与push函数-3.mp4 14:53

  *   5-4 实现任务调度算法-实现最小堆的pop函数-4.mp4 14:45

  *   5-5 任务调度器scheduler.mp4 16:15

  *   5-6 如何实现时间切片.mp4 21:52

  *   5-7 如何实现任务调度函数入口.mp4.mp4 11:34

  *   5-8 如何实现一个requestIdleCallback.mp4.mp4 16:25

  *   5-9 如何调度延迟任务.mp4 26:05

  *   5-10 总结：源码实践React底层任务调度机制.mp4 01:44

*   第6章 React18全新底层核心运行机制：任务调度机制源码阅读，思维拔高/

  *   6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器.mp4 06:44

  *   6-2 剖析React任务调度源码.mp4 18:47

*   第7章 React渲染机制：原始渲染VDOM与性能改革Fiber的源码剖析/

  *   7-1 VDOM的四大问题：what、why、where、how.mp4 26:02

  *   7-2 -1 Fiber详解.mp4 15:12

  *   7-3 -2 Fiber详解.mp4 16:02

  *   7-4 掌握不同类型组件的Fiber：查看并调试.mp4 16:32

*   第8章 React渲染机制：React中初次渲染流程深度剖析/

  *   8-1 在浏览器DOM 节点中创建根节点：createRoot -1.mp4 11:57

  *   8-2 -2 在浏览器DOM 节点中创建根节点：createRoot.mp4 19:59

  *   8-3 -3 在浏览器DOM 节点中创建根节点：createRoot.mp4 04:06

  *   8-4 -4 在浏览器DOM 节点中创建根节点：createRoot.mp4 04:56

  *   8-5 -1 root.render与unmount函数的流程.mp4 22:20

  *   8-6 -2 root.render与unmount函数的流程.mp4 21:29

  *   8-7 -1 update的数据结构与算法.mp4.mp4 19:58

  *   8-8 -2update的数据结构与算法.mp4.mp4 21:54

  *   8-9 -1 scheduleUpdateOnFiber调度更新.mp4.mp4 06:56

  *   8-10 -2 scheduleUpdateOnFiber调度更新.mp4 15:03

  *   8-11 -3 scheduleUpdateOnFiber调度更新.mp4 14:03

  *   8-12 render阶段.mp4 17:46

  *   8-13 render阶段-beginWork.mp4 21:29

  *   8-14 render阶段-renderRootConcurrent.mp4 09:03

  *   8-15 commit阶段.mp4 25:37

*   第9章 React渲染机制：页面初次渲染原生标签代码实践/

  *   9-1 创建Fiber与FiberRoot.mp4 12:33

  *   9-2 如何实现页面渲染的入口函数createRoot.mp4 09:25

  *   9-3 scheduleUpdateOnFiber调度更新.mp4 09:24

  *   9-4 render阶段.mp4 18:06

  *   9-5 render阶段-beginWork-1.mp4 14:11

  *   9-6 render阶段-beginWork-2.mp4 13:16

  *   9-7 render阶段-completeWork.mp4 11:14

  *   9-8 commit阶段.mp4 20:39

*   第10章 React渲染机制：手写不同组件的渲染过程，掌握其机制原理/

  *   10-1 如何实现多个原生标签子节点渲染的源码.mp4.mp4 14:47

  *   10-2 如何实现文本节点渲染的源码.mp4.mp4 12:15

  *   10-3 如何实现Fragment渲染的源码.mp4.mp4 19:45

  *   10-4 如何实现类组件渲染的源码.mp4.mp4 05:28

  *   10-5 实现函数组件渲染的源码.mp4.mp4 05:08

*   第11章 React开发的利器：Hooks底层分析/

  *   11-1 Hook简介.mp4 05:24

  *   11-2 Hook规则背后的原因.mp4.mp4 06:45

  *   11-3 函数组件的Hook源码解读.mp4.mp4 10:00

  *   11-4 -1 useReducer源码解读.mp4.mp4 08:49

  *   11-5 -2 useReducer源码解读.mp4 21:54

  *   11-6 useState源码解读.mp4 07:18

*   第12章 React开发的利器：手写实现Hooks，掌握Hooks底层数据结构/

  *   12-1 模拟事件，初步实现useReducer.mp4 15:20

  *   12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-1.mp4 22:17

  *   12-3 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-2.mp4 22:55

  *   12-4 节点删除.mp4.mp4 18:12

  *   12-5 初步实现多个节点的React VDOM DIFF-1.mp4 14:16

  *   12-6 初步实现多个节点的React VDOM DIFF-2.mp4 18:06

  *   12-7 完善实现React VDOM DIFF算法.mp4 17:04

  *   12-8 如何移动DOM节点.mp4 13:14

  *   12-9 实现useState.mp4.mp4 08:40

  *   12-10 子节点为null、undefined、布尔值.mp4 04:28

*   第13章 React开发的利器：React VDOM DIFF算法源码剖析/

  *   13-1 分析不同子节点类型，React VDOM DIFF的处理.mp4 16:07

  *   13-2 协调单个节点.mp4 09:05

  *   13-3 协调多个子节点.mp4 19:01

  *   13-4 协调文本节点.mp4 01:39

  *   13-5 拓展-与Vue3 VDOM DIFF对比.mp4 07:28

*   第14章 React开发的利器：Hooks进阶，代码实践手动实现API/

  *   14-1 如何实现useMemo.mp4 12:00

  *   14-2 如何实现useCallback.mp4 07:19

  *   14-3 useMemo与useCallback.mp4 04:26

  *   14-4 如何实现useRef.mp4 08:28

  *   14-5 如何实现useLayoutEffect.mp4 22:15

  *   14-6 如何实现useLayoutEffect的effect执行.mp4 11:31

  *   14-7 如何实现useEffect的effect执行.mp4.mp4 06:14

*   第15章 React中的数据模式：代码实现，掌握Context实现原理/

  *   15-1 知识分析：Context简介.mp4 16:01

  *   15-2 实现Context，掌握Context的底层结构与源码实现.mp4_音频.mp3.mp4 05:45

  *   15-3 实现Provider，掌握其底层实现.mp4.mp4 08:31

  *   15-4 实现useContext与Context与Value管理，掌握其数据结构.mp4_音频.mp3.mp4 15:39

  *   15-5 实现Consumer.mp4.mp4 05:31

  *   15-6 实现contextType，掌握类组件对于Context消费方式的原理.mp4 04:17

*   第16章 React中的数据模式：Context源码剖析，思维提高/

  *   16-1 分析Context的底层结构与源码实现.mp4 14:23

  *   16-2 分析Provider与Context value栈管理，掌握其底层实现.mp4 20:08

  *   16-3 分析Provider与后代组件消费context value.mp4 20:47

  *   16-4 后代组件消费的三种方式.mp4 05:29

*   第17章 跨浏览器兼容的事件系统：合成事件源码剖析/

  *   17-1 React中的合成事件背景与其必要性.mp4 08:37

  *   17-2 React中的事件注册.mp4 09:22

  *   17-3 React中的事件绑定与事件委托.mp4 14:23

  *   17-4 React中的事件派发（上）.mp4 13:08

  *   17-5 React中的事件派发（下）.mp4 20:29

  *   17-6 React合成事件的定义.mp4 13:07

  *   17-7 不适合事件委托的事件处理.mp4 01:39

*   第18章 跨浏览器兼容的事件系统：合成事件实践，掌握框架级别的事件/

  *   18-1 实现事件注册.mp4 12:29

  *   18-2 实现事件绑定与事件委托.mp4 16:07

  *   18-3 -1实现事件派发.mp4 11:58

  *   18-4 -2实现事件派发.mp4 13:48

  *   18-5 实现合成事件.mp4 11:30

  *   18-6 实现受控组件事件.mp4 18:07

*   第19章 性能提高：React Lanes模型源码剖析/

  *   19-1 React Lanes模型背景.mp4 17:11

  *   19-2 React Lanes模型的应用.mp4 19:36

  *   19-3 React Lanes 模型常用工具函数.mp4 28:27

  *   19-4 React18新增的transition.mp4 17:10

  *   19-5 useDeferredValue原理.mp4 13:20

*   第20章 性能提高：React Lanes模型手动实践/

  *   20-1 -1 实现memo.mp4 15:58

  *   20-2 -2 实现memo.mp4 15:59

  *   20-3 补充受控组件事件.mp4 07:11

  *   20-4 实现lanes模型.mp4 20:17

*   第21章 课程总结/

  *   21-1 课程总结.mp4.mp4 09:38

  *   21-2 拓展：哪些React未正式发布的功能.mp4.mp4 10:23