慕课网-前端跳槽突围课:React18底层源码深入剖析(完结)
React18底层源码深入解析
编辑点评
系统剖析React18源码,涵盖Hooks、事件系统、任务调度等核心机制,适合想深入理解React原理的前端开发者。
⭐ 编辑推荐
深入React18源码,掌握Hooks底层实现,剖析事件系统与任务调度机制,打造自己的mini React框架。
课程亮点
• React18源码深度解析
• Hooks底层实现
• 事件系统与任务调度机制
• mini React框架实战
课程目录
📁 第12章 React开发的利器:手写实现Hooks,掌握Hooks底层数据结构
12-7 完善实现React VDOM DIFF算法_【公重号:CunWorkNotes】.mp4 [87.2 MB]
12-10 子节点为null、undefined、布尔值_.mp4 [25.3 MB]
12-1 模拟事件,初步实现useReducer_.mp4 [60.3 MB]
12-4 节点删除_【持续更新‖免费提供:CunworknoteS】.mp4 [77.7 MB]
12-9 实现useState_.mp4 [48.4 MB]
12-3 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-2_【整理不易‖记得关注:CunWorKNotes】.mp4 [114.1 MB]
12-2 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-1_.mp4 [106.3 MB]
12-6 初步实现多个节点的React VDOM DIFF-2_【资源精选‖更多关注:CunworkNotes】.mp4 [101.7 MB]
12-8 如何移动DOM节点_【资源精选‖更多关注:CunworkNotes】.mp4 [61.8 MB]
12-5 初步实现多个节点的React VDOM DIFF-1_【资源精选‖更多关注:CunworkNotes】.mp4 [67.8 MB]
📁 第17章 跨浏览器兼容的事件系统:合成事件源码剖析
17-4 React中的事件派发(上)_.mp4 [95.3 MB]
17-7 不适合事件委托的事件处理_【资源精选‖更多关注:CunworkNotes】.mp4 [14.4 MB]
17-5 React中的事件派发(下)_【公重号:CunWorkNotes】.mp4 [168.1 MB]
17-6 React合成事件的定义_.mp4 [79.3 MB]
17-1 React中的合成事件背景与其必要性_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [44.4 MB]
17-2 React中的事件注册_【不易整理‖请关注:CunWorkNoteS】.mp4 [49.1 MB]
17-3 React中的事件绑定与事件委托_.mp4 [85.8 MB]
📁 第5章 React18全新底层核心运行机制:任务调度机制的代码实践
5-9 如何调度延迟任务_.mp4 [118.0 MB]
5-4 实现任务调度算法-实现最小堆的pop函数-4_.mp4 [78.6 MB]
5-5 任务调度器scheduler_【整理不易‖记得关注:CunWorKNotes】.mp4 [61.5 MB]
5-10 总结:源码实践React底层任务调度机制_【持续更新‖免费提供:CunworknoteS】.mp4 [5.9 MB]
5-1 实现任务调度算法-1_.mp4 [7.8 MB]
5-2 实现任务调度算法-什么是最小堆-2_.mp4 [68.5 MB]
5-8 如何实现一个requestIdleCallback_.mp4 [75.7 MB]
5-6 如何实现时间切片_.mp4 [89.5 MB]
5-3 实现任务调度算法-实现最小堆的peek与push函数-3_.mp4 [67.1 MB]
5-7 如何实现任务调度函数入口_【更多精选‖公众号:CunWorknotes】 .mp4 [39.3 MB]
📁 第9章 React渲染机制:页面初次渲染原生标签代码实践
9-5 render阶段-beginWork-1_.mp4 [55.3 MB]
9-7 render阶段-completeWork_.mp4 [50.0 MB]
9-3 scheduleUpdateOnFiber调度更新_.mp4 [36.3 MB]
9-6 render阶段-beginWork-2_.mp4 [54.9 MB]
9-8 commit阶段_.mp4 [86.7 MB]
9-1 创建Fiber与FiberRoot_【更多精选‖公众号:CunWorknotes】 .mp4 [48.9 MB]
9-4 render阶段_【不易整理‖请关注:CunWorkNoteS】.mp4 [82.6 MB]
9-2 如何实现页面渲染的入口函数createRoot_【资源精选‖更多关注:CunworkNotes】.mp4 [39.6 MB]
📁 第2章 学前技术储备:React核心知识点讲解
2-11 React脚手架以及企业级框架_.mp4 [49.5 MB]
2-7 state (状态)与props (属性)_.mp4 [21.0 MB]
2-4 Thinking in React,即用React的方式写React-2_【不易整理‖请关注:CunWorkNoteS】.mp4 [20.2 MB]
2-3 Thinking in React,即用React的方式写React-1_.mp4 [38.4 MB]
2-14 React 组件的常见性能优化-3_【持续更新‖免费提供:CunworknoteS】.mp4 [39.2 MB]
2-8 React中的组件,如函数组件、类组件等_.mp4 [66.6 MB]
2-10 Context_.mp4 [59.9 MB]
2-6 React中的状态管理与状态管理库-2_【持续更新‖免费提供:CunworknoteS】.mp4 [33.3 MB]
2-9 Hooks_.mp4 [46.9 MB]
2-13 React 组件的常见性能优化-2_.mp4 [62.5 MB]
2-2 React的迭代历史:那些标志性的变革,如类组件、Fiber、Hooks、Concurrent等_【资源精选‖更多关注:CunworkNotes】.mp4 [98.9 MB]
2-5 React中的状态管理与状态管理库-1_.mp4 [40.1 MB]
2-12 React 组件的常见性能优化-1_.mp4 [41.6 MB]
2-1 为什么要学习React源码_.mp4 [21.3 MB]
📁 第21章 课程总结
21-1 课程总结_.mp4 [25.2 MB]
21-2 拓展:哪些React未正式发布的功能_.mp4 [61.4 MB]
📁 第1章 课程介绍
1-1 React18源码实战课程导学_.mp4 [25.4 MB]
📁 第4章 代码实践:打造轮子,自己的mini react框架
4-1 造轮子的优势以及步骤_【不易整理‖请关注:CunWorkNoteS】.mp4 [11.6 MB]
4-2 搭建自己的mini react项目_【更多精选‖公众号:CunWorknotes】 .mp4 [30.8 MB]
📁 第8章 React渲染机制:React中初次渲染流程深度剖析
8-8 -2update的数据结构与算法【整理不易‖记得关注:CunWorKNotes】.mp4_【整理不易‖记得关注:CunWorKNotes】.mp4 [160.5 MB]
8-5 -1 root.render与unmount函数的流程_.mp4 [141.3 MB]
8-14 render阶段-renderRootConcurrent_【资源精选‖更多关注:CunworkNotes】.mp4 [75.1 MB]
8-11 -3 scheduleUpdateOnFiber调度更新_【不易整理‖请关注:CunWorkNoteS】.mp4 [106.9 MB]
8-3 -3 在浏览器DOM 节点中创建根节点:createRoot_.mp4 [16.2 MB]
8-12 render阶段_【持续更新‖免费提供:CunworknoteS】.mp4 [79.5 MB]
8-6 -1 root.render与unmount函数的流程_【资源精选‖更多关注:CunworkNotes】.mp4 [141.2 MB]
8-9 -1 scheduleUpdateOnFiber调度更新_.mp4 [37.2 MB]
8-2 -2 在浏览器DOM 节点中创建根节点:createRoot_【公重号:CunWorkNotes】.mp4 [161.8 MB]
8-1 在浏览器DOM 节点中创建根节点:createRoot -1_【公重号:CunWorkNotes】.mp4 [65.3 MB]
8-4 -4 在浏览器DOM 节点中创建根节点:createRoot_.mp4 [28.0 MB]
8-15 commit阶段_.mp4 [205.7 MB]
8-10 -2 scheduleUpdateOnFiber调度更新_.mp4 [111.2 MB]
8-7 -1 update的数据结构与算法_.mp4 [125.0 MB]
8-13 render阶段-beginWork_.mp4 [129.1 MB]
📁 第20章 性能提高:React Lanes模型手动实践
20-4 实现lanes模型_.mp4 [139.6 MB]
20-3 补充受控组件事件_【持续更新‖免费提供:CunworknoteS】.mp4 [49.6 MB]
20-2 -2 实现memo_.mp4 [101.3 MB]
20-1 -1 实现memo_【公重号:CunWorkNotes】.mp4 [95.8 MB]
📁 第10章 React渲染机制:手写不同组件的渲染过程,掌握其机制原理
10-5 实现函数组件渲染的源码_.mp4 [26.9 MB]
10-3 如何实现Fragment渲染的源码_【资源精选‖更多关注:CunworkNotes】.mp4 [98.0 MB]
10-4 如何实现类组件渲染的源码_.mp4 [26.4 MB]
10-1 如何实现多个原生标签子节点渲染的源码_【更多精选‖公众号:CunWorknotes】 .mp4 [53.3 MB]
10-2 如何实现文本节点渲染的源码_.mp4 [69.9 MB]
📁 第6章 React18全新底层核心运行机制:任务调度机制源码阅读,思维拔高
6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器__ev-金狮_【公重号:CunWorkNotes】.mp4 [38.2 MB]
6-2 剖析React任务调度源码_.mp4 [133.0 MB]
📁 源码+PDF课件
📁 课件
14-1 如何实现useMemo【整理不易‖记得关注:CunWorKNotes】.pdf [4.7 MB]
13-4 协调文本节点.pdf [3.1 MB]
15-3实现Provider,掌握其底层实现.pdf [1.2 MB]
12-2 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态.pdf [3.3 MB]
12-7 实现useState【不易整理‖请关注:CunWorkNoteS】.pdf [2.3 MB]
3-3 如何运行React测试用例【不易整理‖请关注:CunWorkNoteS】.pdf [1.4 MB]
10-3 如何实现Fragment渲染的源码【更多精选‖公众号:CunWorknotes】 .pdf [655.4 KB]
10-2 如何实现文本节点渲染的源码【更多精选‖公众号:CunWorknotes】 .pdf [4.6 MB]
7-2 Fiber详解.pdf [1.5 MB]
21-2拓展:哪些React未正式发布的功能.pdf [1.5 MB]
10-5. 实现函数组件渲染的源码.pdf [1.1 MB]
11-3 函数组件的Hook源码解读.pdf [2.5 MB]
15-2 实现Context,掌握Context的底层结构与源码实现【更多精选‖公众号:CunWorknotes】 .pdf [399.0 KB]
8-8 render阶段-renderRootConcurrent.pdf [1.9 MB]
3-1 如何高效学习React源码.pdf [5.0 MB]
8-2 root.render与unmount函数的流程【持续更新‖免费提供:CunworknoteS】.pdf [3.2 MB]
5-6 如何调度延迟任务【优质资源‖关注:cunWorkNotes 解锁】.pdf [747.9 KB]
5-1 实现任务调度算法.pdf [1.2 MB]
8-5 render阶段【持续更新‖免费提供:CunworknoteS】.pdf [599.4 KB]
5-7 总结:源码实践React底层任务调度机制.pdf [1.1 MB]
5-2 任务调度器scheduler.pdf [4.8 MB]
20-3 实现lanes模型.pdf [2.7 MB]
2-3 Thinking in React-用React的方式写React.pdf [2.3 MB]
3-4 如何成为React Contributor【公重号:CunWorkNotes】.pdf [4.5 MB]
19-5 useDeferredValue原理【更多精选‖公众号:CunWorknotes】 .pdf [4.9 MB]
7-3 掌握不同类型组件的Fiber:查看并调试【资源精选‖更多关注:CunworkNotes】.pdf [1.5 MB]
16-1 分析Context的底层结构与源码实现【更多精选‖公众号:CunWorknotes】 .pdf [1.0 MB]
9-5 render阶段-beginWork.pdf [1.1 MB]
2-10 React 组件的常见性能优化【资源精选‖更多关注:CunworkNotes】.pdf [1.1 MB]
17-2 React中的事件注册【持续更新‖免费提供:CunworknoteS】.pdf [1.4 MB]
9-4 render阶段【资源精选‖更多关注:CunworkNotes】.pdf [1001.0 KB]
9-6 render阶段-completeWork.pdf [2.5 MB]
14-6如何实现useLayoutEffect的effect执行.pdf [4.7 MB]
17-3 React中的事件绑定与事件委托.pdf [1009.6 KB]
17-4 React中的事件派发.pdf [1.6 MB]
9-3 scheduleUpdateOnFiber调度更新.pdf [463.1 KB]
21-1课程总结.pdf [2.8 MB]
2-1 为什么要学习React源码【持续更新‖免费提供:CunworknoteS】.pdf [1.8 MB]
18-1 实现事件注册.pdf [2.6 MB]
15-4 实现useContext与Context与Value管理,掌握其数据结构.pdf [4.5 MB]
18-4 实现合成事件.pdf [1.4 MB]
19-3 React Lanes 模型常用工具函数.pdf [2.5 MB]
16-2 分析Provider与Context value栈管理,掌握其底层实现.pdf [2.0 MB]
18-2 实现事件绑定与事件委托.pdf [525.8 KB]
20-2 补充受控组件事件.pdf [1.1 MB]
8-9 commit阶段.pdf [3.1 MB]
15-5 实现Consumer.pdf [2.6 MB]
9-2 如何实现页面渲染的入口函数createRoot.pdf [686.0 KB]
15-6 实现contextType,掌握类组件对于Context消费方式的原理.pdf [799.0 KB]
19-1 React Lanes模型背景.pdf [1.4 MB]
17-1 React中的合成事件背景与其必要性.pdf [2.7 MB]
17-5 React合成事件的定义.pdf [1008.0 KB]
2-8 Context.pdf [4.9 MB]
16-4 后代组件消费的三种方式.pdf [2.9 MB]
18-3 实现事件派发.pdf [1.1 MB]
19-2 React Lanes模型的应用.pdf [1.6 MB]
16-3 分析Provider与后代组件消费context value.pdf [1.3 MB]
14-5如何实现useLayoutEffect.pdf [4.7 MB]
9-7 commit阶段.pdf [1.4 MB]
4-2 搭建自己的mini react项目.pdf [4.6 MB]
5-5 如何实现一个requestIdleCallback.pdf [560.8 KB]
8-7 render阶段-completeWork.pdf [2.8 MB]
2-9 React脚手架-企业级框架.pdf [1.1 MB]
2-2 React的迭代历史:那些标志性的变革,如类组件、Fiber、Hooks、Concurren.pdf [1.0 MB]
7-1 VDOM的四大问题:what、why、where、how.pdf [3.4 MB]
2-6 React中的组件,如函数组件、类组件等.pdf [1.2 MB]
8-3 update的数据结构与算法.pdf [3.2 MB]
9-1 创建Fiber与FiberRoot (1).pdf [666.0 KB]
2-5 state (状态)与props (属性).pdf [958.5 KB]
6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器.pdf [3.8 MB]
5-3 如何实现时间切片.pdf [1.9 MB]
4-1 造轮子的优势以及步骤.pdf [2.0 MB]
2-4 React中的状态管理与状态管理库.pdf [842.9 KB]
2-7 Hooks.pdf [1.2 MB]
20-1 实现memo.pdf [4.6 MB]
8-6 render阶段-beginWork.pdf [1.1 MB]
17-6 不适合事件委托的事件处理.pdf [934.1 KB]
8-4 scheduleUpdateOnFiber调度更新.pdf [2.5 MB]
13-5 拓展:与Vue3 VDOM DIFF对比.pdf [804.6 KB]
14-4 如何实现useRef.pdf [4.5 MB]
6-2 剖析React任务调度源码.pdf [1.1 MB]
12-3 节点删除.pdf [3.2 MB]
10-4 如何实现类组件渲染的源码.pdf [3.2 MB]
11-4 useReducer源码解读.pdf [2.4 MB]
12-8 子节点为null、undefined、布尔值.pdf [1.5 MB]
11-1 Hook简介.pdf [2.7 MB]
12-1 模拟事件,初步实现useReducer.pdf [3.0 MB]
12-4 初步实现多个节点的React VDOM DIFF.pdf [3.2 MB]
5-4 如何实现任务调度函数入口.pdf [1.1 MB]
12-5 完善实现React VDOM DIFF算法.pdf [2.0 MB]
12-6 如何移动DOM节点.pdf [2.4 MB]
11-5 useState源码解读.pdf [2.8 MB]
13-1 分析不同子节点类型,React VDOM DIFF的处理.pdf [2.9 MB]
8-1 在浏览器DOM 节点中创建根节点:createRoot.pdf [3.3 MB]
10-1 如何实现多个原生标签子节点渲染的源码.pdf [4.3 MB]
11-2 Hook规则背后的原因.pdf [4.6 MB]
14-7 如何实现useEffect的effect执行.pdf [2.9 MB]
13-2协调单个节点.pdf [1020.4 KB]
1-1 React18源码实战课程导学.pptx [26.4 MB]
14-2 如何实现useCallback.pdf [2.1 MB]
源码等【公重号:CunWorkNotes】.exe [489.9 MB]
📁 第18章 跨浏览器兼容的事件系统:合成事件实践,掌握框架级别的事件
18-1 实现事件注册_【公重号:CunWorkNotes】.mp4 [72.7 MB]
18-4 -2实现事件派发_【整理不易‖记得关注:CunWorKNotes】.mp4 [85.3 MB]
18-2 实现事件绑定与事件委托_.mp4 [99.3 MB]
18-5 实现合成事件_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [78.6 MB]
18-3 -1实现事件派发_【资源精选‖更多关注:CunworkNotes】.mp4 [71.7 MB]
18-6 实现受控组件事件_.mp4 [102.8 MB]
📁 第19章 性能提高:React Lanes模型源码剖析
19-5 useDeferredValue原理_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [109.8 MB]
19-4 React18新增的transition_.mp4 [79.0 MB]
19-3 React Lanes 模型常用工具函数_.mp4 [208.2 MB]
19-1 React Lanes模型背景_.mp4 [75.9 MB]
19-2 React Lanes模型的应用_.mp4 [122.7 MB]
📁 第7章 React渲染机制:原始渲染VDOM与性能改革Fiber的源码剖析
7-3 -2 Fiber详解_.mp4 [60.3 MB]
7-4 掌握不同类型组件的Fiber:查看并调试_.mp4 [98.9 MB]
7-2 -1 Fiber详解_.mp4 [49.0 MB]
7-1 VDOM的四大问题:what、why、where、how_.mp4 [162.6 MB]
📁 第11章 React开发的利器:Hooks底层分析
11-3 函数组件的Hook源码解读_.mp4 [46.2 MB]
11-4 -1 useReducer源码解读_.mp4 [36.2 MB]
11-2 Hook规则背后的原因_.mp4 [23.1 MB]
11-1 Hook简介_【不易整理‖请关注:CunWorkNoteS】.mp4 [18.8 MB]
11-5 -2 useReducer源码解读_.mp4 [162.5 MB]
11-6 useState源码解读_.mp4 [45.7 MB]
📁 第16章 React中的数据模式:Context源码剖析,思维提高
16-1 分析Context的底层结构与源码实现_.mp4 [91.2 MB]
16-2 分析Provider与Context value栈管理,掌握其底层实现_【整理不易‖记得关注:CunWorKNotes】.mp4 [87.8 MB]
16-4 后代组件消费的三种方式_.mp4 [38.1 MB]
16-3 分析Provider与后代组件消费context value_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [138.7 MB]
📁 第3章 学习前:底层源码的高效学习方法分享
3-4 如何运行React测试用例_【资源精选‖更多关注:CunworkNotes】.mp4 [23.7 MB]
3-3 如何debug React源码_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [79.5 MB]
3-5 如何成为React Contributor_.mp4 [90.1 MB]
3-2 -2 如何高效学习React源码_【更多精选‖公众号:CunWorknotes】 .mp4 [113.0 MB]
3-1 -1 如何高效学习React源码_.mp4 [89.8 MB]
📁 第14章 React开发的利器:Hooks进阶,代码实践手动实现API
14-6 如何实现useLayoutEffect的effect执行_【持续更新‖免费提供:CunworknoteS】.mp4 [57.7 MB]
14-3 useMemo与useCallback_【不易整理‖请关注:CunWorkNoteS】.mp4 [20.2 MB]
14-2 如何实现useCallback_.mp4 [35.9 MB]
14-7 如何实现useEffect的effect执行_.mp4 [33.0 MB]
14-4 如何实现useRef_【资源精选‖更多关注:CunworkNotes】.mp4 [44.2 MB]
14-5 如何实现useLayoutEffect_.mp4 [107.0 MB]
14-1 如何实现useMemo_【不易整理‖请关注:CunWorkNoteS】.mp4 [52.1 MB]
📁 第13章 React开发的利器:React VDOM DIFF算法源码剖析
13-2 协调单个节点_.mp4 [56.0 MB]
13-1 分析不同子节点类型,React VDOM DIFF的处理_.mp4 [62.7 MB]
13-3 协调多个子节点_.mp4 [112.3 MB]
13-5 拓展-与Vue3 VDOM DIFF对比_.mp4 [30.7 MB]
13-4 协调文本节点_【不易整理‖请关注:CunWorkNoteS】.mp4 [10.8 MB]
📁 第15章 React中的数据模式:代码实现,掌握Context实现原理
15-5 实现Consumer_.mp4 [28.4 MB]
15-4 实现useContext与Context与Value管理,掌握其数据结构_【公重号:CunWorkNotes】.mp4 [73.9 MB]
15-1 知识分析:Context简介_【资源精选‖更多关注:CunworkNotes】.mp4 [57.5 MB]
15-6 实现contextType,掌握类组件对于Context消费方式的原理_【优质资源‖关注:cunWorkNotes 解锁】.mp4 [23.0 MB]
15-2 实现Context,掌握Context的底层结构与源码实现_【整理不易‖记得关注:CunWorKNotes】.mp4 [23.6 MB]
15-3 实现Provider,掌握其底层实现_.mp4 [37.6 MB]适合人群
- React开发者
- 前端工程师
- 对React原理感兴趣者
学习收获
理解React核心机制
掌握Hooks实现原理
提升React开发能力
祝您学习愉快!
学有所成,前程似锦!






