React18内核探秘：手写React高质量源码迈向高阶开发

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

课程推荐

《React18内核探秘：手写React高质量源码迈向高阶开发》通过手写5000+源码，深入理解 React 内部机制，提升 React 复杂代码设计能力【技能收获】学完可掌握：Vue / 前端工程化、网络安全 / CTF、React 前端。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。

视频目录（189 节）

*   1-1 导学.mp4

*   2-1 思想准备01-本章介绍.mp4

*   2-2 思想准备02-源码观.mp4

*   2-3 思想准备03-React是什么.mp4

*   2-4 思想准备04-React架构演进过程.mp4

*   2-5 思想准备05-树立数据结构与算法的意识.mp4

*   2-6 思想准备06-树立用原子视角看问题的意识.mp4

*   2-7 思想准备07-理解React源码学习的基本方法.mp4

*   2-8 思想准备08-小结.mp4

*   3-1 -本章介绍.mp4

*   3-2 -环境搭建.mp4

*   3-3 -虚拟DOM与真实DOM的实况对比.mp4

*   3-4 -JSX的相关概念和原理.mp4

*   3-5 -React和ReactDOM职责划分.mp4

*   3-6 -createElement.mp4

*   3-7 -render函数.mp4

*   3-8 -setPropsForDom.mp4

*   3-9 -初始化渲染调试.mp4

*   3-10 -思考题.mp4

*   3-11 -小结.mp4

*   4-1 本章介绍.mp4

*   4-2 组件概念介绍.mp4

*   4-3 实现函数组件的基础功能.mp4

*   4-4 类组件的基本实现.mp4

*   4-5 类组件的更新机制分析.mp4

*   4-6 类组件setState函数的实现.mp4

*   4-7 类组件setState函数的实现.mp4

*   4-8 事件合成机制原理介绍.mp4

*   4-9 实现事件合成机制.mp4

*   4-10 实现事件合成机制.mp4

*   4-11 ref原理分析.mp4

*   4-12 原生标签和类组件ref的实现.mp4

*   4-13 引入forwardRef的底层逻辑.mp4

*   4-14 forwardRef的实现.mp4

*   4-15 组件相关代码调试.mp4

*   4-16 思考题与解答.mp4

*   4-17 小结.mp4

*   5-1 -本章介绍.mp4

*   5-2 原理分析.mp4

*   5-3 原理分析.mp4

*   5-4 源码实现-简单场景-1.mp4

*   5-5 源码实现-简单场景-2.mp4

*   5-6 源码实现-复杂场景-1.mp4

*   5-7 源码实现-复杂场景-2.mp4

*   5-8 源码实现-代码调试.mp4

*   5-9 源码实现-代码调试.mp4

*   5-10 -思考题和解答.mp4

*   5-11 -小结.mp4

*   6-1 -本章介绍.mp4

*   6-2 -生命周期的本质.mp4

*   6-3 -生命周期图的观察.mp4

*   6-4 -常用生命周期函数案例.mp4

*   6-5 -常用生命周期函数代码实现.mp4

*   6-6 -shouldComponentUpdate案例.mp4

*   6-7 -shouldComponentUpdate源码实现.mp4

*   6-8 -getDefirvedStateFromProps案例.mp4

*   6-9 -getDefirvedStateFromProp源码实现.mp4

*   6-10 -getSnapshotBeforeUpdate案例.mp4

*   6-11 -getSnapshotBeforeUpdate源码实现.mp4

*   6-12 -生命周期函数代码调试.mp4

*   6-13 -思考题与解答.mp4

*   6-14 -本章小结.mp4

*   7-1 -本章介绍.mp4

*   7-2 -PureComponent案例.mp4

*   7-3 -PureComponent源码实现.mp4

*   7-4 -memo案例.mp4

*   7-5 -1-memo源码实现.mp4

*   7-6 -2-memo源码实现.mp4

*   7-7 -代码调试.mp4

*   7-8 -思考题.mp4

*   7-9 -小结.mp4

*   8-1 -本章介绍.mp4

*   8-2 -Hooks概况.mp4

*   8-3 -useSstate案例观察.mp4

*   8-4 -useState源码实现.mp4

*   8-5 -useReducer案例观察.mp4

*   8-6 -useReducer源码实现.mp4

*   8-7 -useEffect及useLayoutEffect源码实现.mp4

*   8-8 -useEffect及useLayoutEffect源码实现.mp4

*   8-9 -useRef案例和源码.mp4

*   8-10 -useImperativeHandle案例和源码.mp4

*   8-11 -useMemo及useCallback案例.mp4

*   8-12 -useMemo及useCallback源码实现.mp4

*   8-13 -代码调试.mp4

*   8-14 -思考题及解答.mp4

*   8-15 -小结.mp4

*   9-1 -本章介绍.mp4

*   9-2 -为什么需要Fiber架构.mp4

*   9-3 -Fiber架构是什么.mp4

*   9-4 -Fiber是什么.mp4

*   9-5 -双缓冲策略.mp4

*   9-6 -工作循环.mp4

*   9-7 -并发模式.mp4

*   9-8 -思考题及解答.mp4

*   9-9 -本章小结.mp4

*   10-1 -本章介绍.mp4

*   10-2 -环境准备.mp4

*   10-3 -jsxDev代码实现.mp4

*   10-4 createRoot-1.mp4

*   10-5 createRoot-2.mp4

*   10-6 -createRoot的类型表达实现及调试.mp4

*   10-7 -render函数阶段划分.mp4

*   10-8 updateContainer代码实现-1.mp4

*   10-9 -2updateContainer代码实现.mp4

*   10-10 -1-scheduleUpdateOnFiber.mp4

*   10-11 scheduleUpdateOnFiber-2.mp4

*   10-12 beginWork1-1.mp4

*   10-13 beginWork1-2.mp4

*   10-14 beginWork2-1.mp4

*   10-15 beginWork2-2.mp4

*   10-16 -beginWork调试.mp4

*   10-17 -completeWork1.mp4

*   10-18 completeWork2-1.mp4

*   10-19 completeWork2-2.mp4

*   10-20 -completeWork3.mp4

*   10-21 -completeWork调试.mp4

*   10-22 commitWork代码实现-1.mp4

*   10-23 commitWork代码实现-2.mp4

*   10-24 -代码调试.mp4

*   10-25 -函数组件.mp4

*   10-26 -思考题.mp4

*   10-27 -小结.mp4

*   11-1 -本章介绍.mp4

*   11-2 -思路分析.mp4

*   11-3 -事件名注册.mp4

*   11-4 -注册监听事件.mp4

*   11-5 事件派发主要逻辑-1.mp4

*   11-6 事件派发主要逻辑-2.mp4

*   11-7 -收集监听器函数.mp4

*   11-8 -合成事件对象.mp4

*   11-9 -事件函数回调.mp4

*   11-10 -代码调试.mp4

*   11-11 -思考题.mp4

*   11-12 -小结.mp4

*   12-1 -本章介绍.mp4

*   12-2 dom diff思路分析 1.mp4

*   12-3 dom diff思路分析 2.mp4

*   12-4 -单节点dom diff.mp4

*   12-5 多节点dom diff 1.mp4

*   12-6 多节点dom diff 2.mp4

*   12-7 -多节点dom diff 3.mp4

*   12-8 多节点dom diff 4.mp4

*   12-9 多节点dom diff 5.mp4

*   12-10 -思考题和解答.mp4

*   12-11 -小结.mp4

*   13-1 -本章介绍.mp4

*   13-2 useReducer挂载-1.mp4

*   13-3 useReducer挂载-2.mp4

*   13-4 -useReducer触发更新.mp4

*   13-5 useReducer更新渲染1-1.mp4

*   13-6 useReducer更新渲染1-2.mp4

*   13-7 -useReducer更新渲染2-1.mp4

*   13-8 -useReducer更新渲染2-2.mp4

*   13-9 -useReducer更新渲染3.mp4

*   13-10 -useReducer调试.mp4

*   13-11 -useState.mp4

*   13-12 -useEffect挂载-1.mp4

*   13-13 -useEffect挂载-2.mp4

*   13-14 useEffect更新1-1.mp4

*   13-15 useEffect更新1-2.mp4

*   13-16 -useEffect更新2.mp4

*   13-17 -useEffect调试.mp4

*   13-18 -useLayoutEffect.mp4

*   13-19 -思考题及解答.mp4

*   13-20 -小结.mp4

*   14-1 -本章介绍.mp4

*   14-2 -本章介绍.mp4

*   14-3 -二进制的计算.mp4

*   14-4 -最小堆算法原理.mp4

*   14-5 -最小堆算法实现-1.mp4

*   14-6 -最小堆算法实现-2.mp4

*   14-7 -React18优先级体系.mp4

*   14-8 -小结.mp4

*   15-1 -本章介绍.mp4

*   15-2 -调度核心逻辑1.mp4

*   15-3 调度核心逻辑2-1.mp4

*   15-4 调度核心逻辑2-2.mp4

*   15-5 -ReactFiberLane和ReactEventPriority-1.mp4

*   15-6 -ReactFiberLane和ReactEventPriority-2.mp4

*   15-7 Lane模型下的更新队列-1.mp4

*   15-8 Lane模型下的更新队列-2.mp4

*   15-9 Lane模型下的更新队列-3.mp4

*   15-10 -加入优先级的初始化渲染.mp4

*   15-11 -本章小结.mp4

*   16-1 -本章介绍.mp4

*   16-2 -同步渲染.mp4

*   16-3 -并发渲染.mp4

*   16-4 -思考题.mp4

*   16-5 -小结.mp4