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

课程简介:
在当下就业环境下，只会框架的使用是不够的，这是很多初级工程师面临的困境。想要脱颖而出，成为具备手写框架、源码贡献等技能的高手，才能拥有更多的机会。想要这种摆脱框架黑盒状态。本课程是你的最佳选择，不仅可以深入学习React工作原理，还可以掌握源码调试技巧，手写框架的实践，以及成为源码Contributor的方法论，为你提供方位的指导和实践，助力成为一个真正有实力的高级技术人才

网盘截图：

课程目录：

├──第10章 React渲染机制：手写不同组件的渲染过程，掌握其机制原理
| ├──10-1 如何实现多个原生标签子节点渲染的源码_.mp4 53.27M
| ├──10-2 如何实现文本节点渲染的源码_.mp4 69.90M
| ├──10-3 如何实现Fragment渲染的源码_.mp4 98.04M
| ├──10-4 如何实现类组件渲染的源码_.mp4 26.45M
| └──10-5 实现函数组件渲染的源码_.mp4 26.91M
├──第11章 React开发的利器：Hooks底层分析
| ├──11-1 Hook简介_.mp4 18.76M
| ├──11-2 Hook规则背后的原因_.mp4 23.07M
| ├──11-3 函数组件的Hook源码解读_.mp4 46.19M
| ├──11-4 -1 useReducer源码解读_.mp4 36.24M
| ├──11-5 -2 useReducer源码解读_.mp4 162.48M
| └──11-6 useState源码解读_.mp4 45.66M
├──第12章 React开发的利器：手写实现Hooks，掌握Hooks底层数据结构
| ├──12-1 模拟事件，初步实现useReducer_.mp4 60.31M
| ├──12-10 子节点为null、undefined、布尔值_.mp4 25.26M
| ├──12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-1_.mp4 106.34M
| ├──12-3 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-2_.mp4 114.08M
| ├──12-4 节点删除_.mp4 77.70M
| ├──12-5 初步实现多个节点的React VDOM DIFF-1_.mp4 67.78M
| ├──12-6 初步实现多个节点的React VDOM DIFF-2_.mp4 101.66M
| ├──12-7 完善实现React VDOM DIFF算法_.mp4 87.24M
| ├──12-8 如何移动DOM节点_.mp4 61.82M
| └──12-9 实现useState_.mp4 48.36M
├──第13章 React开发的利器：React VDOM DIFF算法源码剖析
| ├──13-1 分析不同子节点类型，React VDOM DIFF的处理_.mp4 62.71M
| ├──13-2 协调单个节点_.mp4 55.97M
| ├──13-3 协调多个子节点_.mp4 112.33M
| ├──13-4 协调文本节点_.mp4 10.77M
| └──13-5 拓展-与Vue3 VDOM DIFF对比_.mp4 30.68M
├──第14章 React开发的利器：Hooks进阶，代码实践手动实现API
| ├──14-1 如何实现useMemo_.mp4 52.05M
| ├──14-2 如何实现useCallback_.mp4 35.92M
| ├──14-3 useMemo与useCallback_.mp4 20.23M
| ├──14-4 如何实现useRef_.mp4 44.23M
| ├──14-5 如何实现useLayoutEffect_.mp4 107.00M
| ├──14-6 如何实现useLayoutEffect的effect执行_.mp4 57.74M
| └──14-7 如何实现useEffect的effect执行_.mp4 32.97M
├──第15章 React中的数据模式：代码实现，掌握Context实现原理
| ├──15-1 知识分析：Context简介_.mp4 57.52M
| ├──15-2 实现Context，掌握Context的底层结构与源码实现_.mp4 23.65M
| ├──15-3 实现Provider，掌握其底层实现_.mp4 37.63M
| ├──15-4 实现useContext与Context与Value管理，掌握其数据结构_.mp4 73.89M
| ├──15-5 实现Consumer_.mp4 28.35M
| └──15-6 实现contextType，掌握类组件对于Context消费方式的原理_.mp4 23.00M
├──第16章 React中的数据模式：Context源码剖析，思维提高
| ├──16-1 分析Context的底层结构与源码实现_.mp4 91.20M
| ├──16-2 分析Provider与Context value栈管理，掌握其底层实现_.mp4 87.79M
| ├──16-3 分析Provider与后代组件消费context value_.mp4 138.70M
| └──16-4 后代组件消费的三种方式_.mp4 38.11M
├──第17章 跨浏览器兼容的事件系统：合成事件源码剖析
| ├──17-1 React中的合成事件背景与其必要性_.mp4 44.41M
| ├──17-2 React中的事件注册_.mp4 49.08M
| ├──17-3 React中的事件绑定与事件委托_.mp4 85.84M
| ├──17-4 React中的事件派发（上）_.mp4 95.32M
| ├──17-5 React中的事件派发（下）_.mp4 168.10M
| ├──17-6 React合成事件的定义_.mp4 79.34M
| └──17-7 不适合事件委托的事件处理_.mp4 14.44M
├──第18章 跨浏览器兼容的事件系统：合成事件实践，掌握框架级别的事件
| ├──18-1 实现事件注册_.mp4 72.65M
| ├──18-2 实现事件绑定与事件委托_.mp4 99.33M
| ├──18-3 -1实现事件派发_.mp4 71.73M
| ├──18-4 -2实现事件派发_.mp4 85.35M
| ├──18-5 实现合成事件_.mp4 78.63M
| └──18-6 实现受控组件事件_.mp4 102.76M
├──第19章 性能提高：React Lanes模型源码剖析
| ├──19-1 React Lanes模型背景_.mp4 75.86M
| ├──19-2 React Lanes模型的应用_.mp4 122.66M
| ├──19-3 React Lanes 模型常用工具函数_.mp4 208.21M
| ├──19-4 React18新增的transition_.mp4 79.02M
| └──19-5 useDeferredValue原理_.mp4 109.79M
├──第1章 课程介绍
| └──1-1 React18源码实战课程导学_.mp4 25.36M
├──第20章 性能提高：React Lanes模型手动实践
| ├──20-1 -1 实现memo_.mp4 95.77M
| ├──20-2 -2 实现memo_.mp4 101.35M
| ├──20-3 补充受控组件事件_.mp4 49.57M
| └──20-4 实现lanes模型_.mp4 139.55M
├──第21章 课程总结
| ├──21-1 课程总结_.mp4 25.16M
| └──21-2 拓展：哪些React未正式发布的功能_.mp4 61.39M
├──第2章 学前技术储备：React核心知识点讲解
| ├──2-1 为什么要学习React源码_.mp4 21.34M
| ├──2-10 Context_.mp4 59.90M
| ├──2-11 React脚手架以及企业级框架_.mp4 49.46M
| ├──2-12 React 组件的常见性能优化-1_.mp4 41.60M
| ├──2-13 React 组件的常见性能优化-2_.mp4 62.54M
| ├──2-14 React 组件的常见性能优化-3_.mp4 39.16M
| ├──2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurrent等_.mp4 98.90M
| ├──2-3 Thinking in React，即用React的方式写React-1_.mp4 38.41M
| ├──2-4 Thinking in React，即用React的方式写React-2_.mp4 20.24M
| ├──2-5 React中的状态管理与状态管理库-1_.mp4 40.14M
| ├──2-6 React中的状态管理与状态管理库-2_.mp4 33.29M
| ├──2-7 state (状态)与props (属性)_.mp4 21.04M
| ├──2-8 React中的组件，如函数组件、类组件等_.mp4 66.63M
| └──2-9 Hooks_.mp4 46.91M
├──第3章 学习前：底层源码的高效学习方法分享
| ├──3-1 -1 如何高效学习React源码_.mp4 89.85M
| ├──3-2 -2 如何高效学习React源码_.mp4 113.00M
| ├──3-3 如何debug React源码_.mp4 79.50M
| ├──3-4 如何运行React测试用例_.mp4 23.70M
| └──3-5 如何成为React Contributor_.mp4 90.08M
├──第4章 代码实践：打造轮子，自己的mini react框架
| ├──4-1 造轮子的优势以及步骤_.mp4 11.64M
| └──4-2 搭建自己的mini react项目_.mp4 30.82M
├──第5章 React18全新底层核心运行机制：任务调度机制的代码实践
| ├──5-1 实现任务调度算法-1_.mp4 7.80M
| ├──5-10 总结：源码实践React底层任务调度机制_.mp4 5.85M
| ├──5-2 实现任务调度算法-什么是最小堆-2_.mp4 68.54M
| ├──5-3 实现任务调度算法-实现最小堆的peek与push函数-3_.mp4 67.15M
| ├──5-4 实现任务调度算法-实现最小堆的pop函数-4_.mp4 78.58M
| ├──5-5 任务调度器scheduler_.mp4 61.47M
| ├──5-6 如何实现时间切片_.mp4 89.51M
| ├──5-7 如何实现任务调度函数入口_.mp4 39.29M
| ├──5-8 如何实现一个requestIdleCallback_.mp4 75.68M
| └──5-9 如何调度延迟任务_.mp4 117.96M
├──第6章 React18全新底层核心运行机制：任务调度机制源码阅读，思维拔高
| ├──6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器__ev-金狮_.mp4 38.21M
| └──6-2 剖析React任务调度源码_.mp4 132.95M
├──第7章 React渲染机制：原始渲染VDOM与性能改革Fiber的源码剖析
| ├──7-1 VDOM的四大问题：what、why、where、how_.mp4 162.63M
| ├──7-2 -1 Fiber详解_.mp4 48.99M
| ├──7-3 -2 Fiber详解_.mp4 60.32M
| └──7-4 掌握不同类型组件的Fiber：查看并调试_.mp4 98.93M
├──第8章 React渲染机制：React中初次渲染流程深度剖析
| ├──8-1 在浏览器DOM 节点中创建根节点：createRoot -1_.mp4 65.33M
| ├──8-10 -2 scheduleUpdateOnFiber调度更新_.mp4 111.21M
| ├──8-11 -3 scheduleUpdateOnFiber调度更新_.mp4 106.94M
| ├──8-12 render阶段_.mp4 79.48M
| ├──8-13 render阶段-beginWork_.mp4 129.06M
| ├──8-14 render阶段-renderRootConcurrent_.mp4 75.08M
| ├──8-15 commit阶段_.mp4 205.75M
| ├──8-2 -2 在浏览器DOM 节点中创建根节点：createRoot_.mp4 161.77M
| ├──8-3 -3 在浏览器DOM 节点中创建根节点：createRoot_.mp4 16.25M
| ├──8-4 -4 在浏览器DOM 节点中创建根节点：createRoot_.mp4 28.05M
| ├──8-5 -1 root.render与unmount函数的流程_.mp4 141.35M
| ├──8-6 -1 root.render与unmount函数的流程_.mp4 141.22M
| ├──8-7 -1 update的数据结构与算法_.mp4 124.96M
| ├──8-8 -2update的数据结构与算法.mp4_.mp4 160.52M
| └──8-9 -1 scheduleUpdateOnFiber调度更新_.mp4 37.19M
├──第9章 React渲染机制：页面初次渲染原生标签代码实践
| ├──9-1 创建Fiber与FiberRoot_.mp4 48.88M
| ├──9-2 如何实现页面渲染的入口函数createRoot_.mp4 39.63M
| ├──9-3 scheduleUpdateOnFiber调度更新_.mp4 36.27M
| ├──9-4 render阶段_.mp4 82.64M
| ├──9-5 render阶段-beginWork-1_.mp4 55.27M
| ├──9-6 render阶段-beginWork-2_.mp4 54.92M
| ├──9-7 render阶段-completeWork_.mp4 49.97M
| └──9-8 commit阶段_.mp4 86.72M
└──源码+PDF课件
| ├──课件
| | ├──1-1 React18源码实战课程导学.pptx 26.37M
| | ├──10-1 如何实现多个原生标签子节点渲染的源码.pdf 4.13M
| | ├──10-2 如何实现文本节点渲染的源码.pdf 4.41M
| | ├──10-3 如何实现Fragment渲染的源码.pdf 464.20kb
| | ├──10-4 如何实现类组件渲染的源码.pdf 3.00M
| | ├──10-5. 实现函数组件渲染的源码.pdf 962.76kb
| | ├──11-1 Hook简介.pdf 2.48M
| | ├──11-2 Hook规则背后的原因.pdf 4.44M
| | ├──11-3 函数组件的Hook源码解读.pdf 2.33M
| | ├──11-4 useReducer源码解读.pdf 2.20M
| | ├──11-5 useState源码解读.pdf 2.58M
| | ├──12-1 模拟事件，初步实现useReducer.pdf 2.79M
| | ├──12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态.pdf 3.13M
| | ├──12-3 节点删除.pdf 2.97M
| | ├──12-4 初步实现多个节点的React VDOM DIFF.pdf 2.97M
| | ├──12-5 完善实现React VDOM DIFF算法.pdf 1.78M
| | ├──12-6 如何移动DOM节点.pdf 2.18M
| | ├──12-7 实现useState.pdf 2.09M
| | ├──12-8 子节点为null、undefined、布尔值.pdf 1.30M
| | ├──13-1 分析不同子节点类型，React VDOM DIFF的处理.pdf 2.74M
| | ├──13-2协调单个节点.pdf 822.99kb
| | ├──13-3协调多个子节点.pdf 1.69M
| | ├──13-4 协调文本节点.pdf 2.91M
| | ├──13-5 拓展：与Vue3 VDOM DIFF对比.pdf 609.33kb
| | ├──14-1 如何实现useMemo.pdf 4.50M
| | ├──14-2 如何实现useCallback.pdf 1.92M
| | ├──14-3 useMemo与useCallback.pdf 312.26kb
| | ├──14-4 如何实现useRef.pdf 4.29M
| | ├──14-5如何实现useLayoutEffect.pdf 4.52M
| | ├──14-6如何实现useLayoutEffect的effect执行.pdf 4.51M
| | ├──14-7 如何实现useEffect的effect执行.pdf 2.72M
| | ├──15-1 知识分析：Context简介.pdf 945.88kb
| | ├──15-2 实现Context，掌握Context的底层结构与源码实现.pdf 204.14kb
| | ├──15-3实现Provider，掌握其底层实现.pdf 1.04M
| | ├──15-4 实现useContext与Context与Value管理，掌握其数据结构.pdf 4.36M
| | ├──15-5 实现Consumer.pdf 2.36M
| | ├──15-6 实现contextType，掌握类组件对于Context消费方式的原理.pdf 608.06kb
| | ├──16-1 分析Context的底层结构与源码实现.pdf 837.10kb
| | ├──16-2 分析Provider与Context value栈管理，掌握其底层实现.pdf 1.78M
| | ├──16-3 分析Provider与后代组件消费context value.pdf 1.16M
| | ├──16-4 后代组件消费的三种方式.pdf 2.74M
| | ├──17-1 React中的合成事件背景与其必要性.pdf 2.56M
| | ├──17-2 React中的事件注册.pdf 1.23M
| | ├──17-3 React中的事件绑定与事件委托.pdf 819.87kb
| | ├──17-4 React中的事件派发.pdf 1.37M
| | ├──17-5 React合成事件的定义.pdf 817.07kb
| | ├──17-6 不适合事件委托的事件处理.pdf 738.53kb
| | ├──18-1 实现事件注册.pdf 2.45M
| | ├──18-2 实现事件绑定与事件委托.pdf 333.99kb
| | ├──18-3 实现事件派发.pdf 890.80kb
| | ├──18-4 实现合成事件.pdf 1.17M
| | ├──19-1 React Lanes模型背景.pdf 1.25M
| | ├──19-2 React Lanes模型的应用.pdf 1.40M
| | ├──19-3 React Lanes 模型常用工具函数.pdf 2.32M
| | ├──19-5 useDeferredValue原理.pdf 4.70M
| | ├──2-1 为什么要学习React源码.pdf 1.61M
| | ├──2-10 React 组件的常见性能优化.pdf 966.83kb
| | ├──2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurren.pdf 866.57kb
| | ├──2-3 Thinking in React-用React的方式写React.pdf 2.07M
| | ├──2-4 React中的状态管理与状态管理库.pdf 654.49kb
| | ├──2-5 state (状态)与props (属性).pdf 765.71kb
| | ├──2-6 React中的组件，如函数组件、类组件等.pdf 1007.30kb
| | ├──2-7 Hooks.pdf 1002.65kb
| | ├──2-8 Context.pdf 4.73M
| | ├──2-9 React脚手架-企业级框架.pdf 918.56kb
| | ├──20-1 实现memo.pdf 4.39M
| | ├──20-2 补充受控组件事件.pdf 901.23kb
| | ├──20-3 实现lanes模型.pdf 2.54M
| | ├──21-1课程总结.pdf 2.64M
| | ├──21-2拓展：哪些React未正式发布的功能.pdf 1.34M
| | ├──3-1 如何高效学习React源码.pdf 4.85M
| | ├──3-3 如何运行React测试用例.pdf 1.25M
| | ├──3-4 如何成为React Contributor.pdf 4.28M
| | ├──4-1 造轮子的优势以及步骤.pdf 1.77M
| | ├──4-2 搭建自己的mini react项目.pdf 4.41M
| | ├──5-1 实现任务调度算法.pdf 1010.17kb
| | ├──5-2 任务调度器scheduler.pdf 4.60M
| | ├──5-3 如何实现时间切片.pdf 1.67M
| | ├──5-4 如何实现任务调度函数入口.pdf 948.04kb
| | ├──5-5 如何实现一个requestIdleCallback.pdf 367.67kb
| | ├──5-6 如何调度延迟任务.pdf 557.54kb
| | ├──5-7 总结：源码实践React底层任务调度机制.pdf 969.31kb
| | ├──6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器.pdf 3.59M
| | ├──6-2 剖析React任务调度源码.pdf 954.85kb
| | ├──7-1 VDOM的四大问题：what、why、where、how.pdf 3.19M
| | ├──7-2 Fiber详解.pdf 1.33M
| | ├──7-3 掌握不同类型组件的Fiber：查看并调试.pdf 1.32M
| | ├──8-1 在浏览器DOM 节点中创建根节点：createRoot.pdf 3.09M
| | ├──8-2 root.render与unmount函数的流程.pdf 3.05M
| | ├──8-3 update的数据结构与算法.pdf 2.98M
| | ├──8-4 scheduleUpdateOnFiber调度更新.pdf 2.35M
| | ├──8-5 render阶段.pdf 409.01kb
| | ├──8-6 render阶段-beginWork.pdf 924.46kb
| | ├──8-7 render阶段-completeWork.pdf 2.63M
| | ├──8-8 render阶段-renderRootConcurrent.pdf 1.73M
| | ├──8-9 commit阶段.pdf 2.88M
| | ├──9-1 创建Fiber与FiberRoot (1).pdf 474.58kb
| | ├──9-2 如何实现页面渲染的入口函数createRoot.pdf 493.00kb
| | ├──9-3 scheduleUpdateOnFiber调度更新.pdf 268.15kb
| | ├──9-4 render阶段.pdf 808.03kb
| | ├──9-5 render阶段-beginWork.pdf 944.27kb
| | ├──9-6 render阶段-completeWork.pdf 2.35M
| | └──9-7 commit阶段.pdf 1.25M
| ├──20240219下载React18.2-随视频带注释.zip 482.72M
| ├──old-my-mini-react.zip 1.87M
| ├──React18源码文件指引.png 793.68kb
| ├──旧-React18原理.png 1.44M
| ├──最新-2024-3.28-React18原理.png 1.67M
| └──最新-my-mini-react.zip 2.03M