文件详情

文件信息

文件描述

├── 第1章 课程介绍 │ └── 1-1 React18源码实战课程导学_【网盘分享WPFX.LINK】.mp4 ├── 第2章 学前技术储备：React核心知识点讲解 │ ├── 2-1 为什么要学习React源码_【网盘分享WPFX.LINK】.mp4 │ ├── 2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurrent等_【网盘分享WPFX.LINK】.mp4 │ ├── 2-3 Thinking in React，即用React的方式写React-1_【网盘分享WPFX.LINK】.mp4 │ ├── 2-4 Thinking in React，即用React的方式写React-2_【网盘分享WPFX.LINK】.mp4 │ ├── 2-5 React中的状态管理与状态管理库-1_【网盘分享WPFX.LINK】.mp4 │ ├── 2-6 React中的状态管理与状态管理库-2_【网盘分享WPFX.LINK】.mp4 │ ├── 2-7 state (状态)与props (属性)_【网盘分享WPFX.LINK】.mp4 │ ├── 2-8 React中的组件，如函数组件、类组件等_【网盘分享WPFX.LINK】.mp4 │ ├── 2-9 Hooks_【网盘分享WPFX.LINK】.mp4 │ ├── 2-10 Context_【网盘分享WPFX.LINK】.mp4 │ ├── 2-11 React脚手架以及企业级框架_【网盘分享WPFX.LINK】.mp4 │ ├── 2-12 React 组件的常见性能优化-1_【网盘分享WPFX.LINK】.mp4 │ ├── 2-13 React 组件的常见性能优化-2_【网盘分享WPFX.LINK】.mp4 │ └── 2-14 React 组件的常见性能优化-3_【网盘分享WPFX.LINK】.mp4 ├── 第3章 学习前：底层源码的高效学习方法分享 │ ├── 3-1 -1 如何高效学习React源码_【网盘分享WPFX.LINK】.mp4 │ ├── 3-2 -2 如何高效学习React源码_【网盘分享WPFX.LINK】.mp4 │ ├── 3-3 如何debug React源码_【网盘分享WPFX.LINK】.mp4 │ ├── 3-4 如何运行React测试用例_【网盘分享WPFX.LINK】.mp4 │ └── 3-5 如何成为React Contributor_【网盘分享WPFX.LINK】.mp4 ├── 第4章 代码实践：打造轮子，自己的mini react框架 │ ├── 4-1 造轮子的优势以及步骤_【网盘分享WPFX.LINK】.mp4 │ └── 4-2 搭建自己的mini react项目_【网盘分享WPFX.LINK】.mp4 ├── 第5章 React18全新底层核心运行机制：任务调度机制的代码实践 │ ├── 5-1 实现任务调度算法-1_【网盘分享WPFX.LINK】.mp4 │ ├── 5-2 实现任务调度算法-什么是最小堆-2_【网盘分享WPFX.LINK】.mp4 │ ├── 5-3 实现任务调度算法-实现最小堆的peek与push函数-3_【网盘分享WPFX.LINK】.mp4 │ ├── 5-4 实现任务调度算法-实现最小堆的pop函数-4_【网盘分享WPFX.LINK】.mp4 │ ├── 5-5 任务调度器scheduler_【网盘分享WPFX.LINK】.mp4 │ ├── 5-6 如何实现时间切片_【网盘分享WPFX.LINK】.mp4 │ ├── 5-7 如何实现任务调度函数入口_【网盘分享WPFX.LINK】.mp4 │ ├── 5-8 如何实现一个requestIdleCallback_【网盘分享WPFX.LINK】.mp4 │ ├── 5-9 如何调度延迟任务_【网盘分享WPFX.LINK】.mp4 │ └── 5-10 总结：源码实践React底层任务调度机制_【网盘分享WPFX.LINK】.mp4 ├── 第6章 React18全新底层核心运行机制：任务调度机制源码阅读，思维拔高 │ ├── 6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器__ev-金狮_【网盘分享WPFX.LINK】.mp4 │ └── 6-2 剖析React任务调度源码_【网盘分享WPFX.LINK】.mp4 ├── 第7章 React渲染机制：原始渲染VDOM与性能改革Fiber的源码剖析 │ ├── 7-1 VDOM的四大问题：what、why、where、how_【网盘分享WPFX.LINK】.mp4 │ ├── 7-2 -1 Fiber详解_【网盘分享WPFX.LINK】.mp4 │ ├── 7-3 -2 Fiber详解_【网盘分享WPFX.LINK】.mp4 │ └── 7-4 掌握不同类型组件的Fiber：查看并调试_【网盘分享WPFX.LINK】.mp4 ├── 第8章 React渲染机制：React中初次渲染流程深度剖析 │ ├── 8-1 在浏览器DOM 节点中创建根节点：createRoot -1_【网盘分享WPFX.LINK】.mp4 │ ├── 8-2 -2 在浏览器DOM 节点中创建根节点：createRoot_【网盘分享WPFX.LINK】.mp4 │ ├── 8-3 -3 在浏览器DOM 节点中创建根节点：createRoot_【网盘分享WPFX.LINK】.mp4 │ ├── 8-4 -4 在浏览器DOM 节点中创建根节点：createRoot_【网盘分享WPFX.LINK】.mp4 │ ├── 8-5 -1 root.render与unmount函数的流程_【网盘分享WPFX.LINK】.mp4 │ ├── 8-6 -1 root.render与unmount函数的流程_【网盘分享WPFX.LINK】.mp4 │ ├── 8-7 -1 update的数据结构与算法_【网盘分享WPFX.LINK】.mp4 │ ├── 8-8 -2update的数据结构与算法【网盘分享WPFX.LINK】.mp4_【网盘分享WPFX.LINK】.mp4 │ ├── 8-9 -1 scheduleUpdateOnFiber调度更新_【网盘分享WPFX.LINK】.mp4 │ ├── 8-10 -2 scheduleUpdateOnFiber调度更新_【网盘分享WPFX.LINK】.mp4 │ ├── 8-11 -3 scheduleUpdateOnFiber调度更新_【网盘分享WPFX.LINK】.mp4 │ ├── 8-12 render阶段_【网盘分享WPFX.LINK】.mp4 │ ├── 8-13 render阶段-beginWork_【网盘分享WPFX.LINK】.mp4 │ ├── 8-14 render阶段-renderRootConcurrent_【网盘分享WPFX.LINK】.mp4 │ └── 8-15 commit阶段_【网盘分享WPFX.LINK】.mp4 ├── 第9章 React渲染机制：页面初次渲染原生标签代码实践 │ ├── 9-1 创建Fiber与FiberRoot_【网盘分享WPFX.LINK】.mp4 │ ├── 9-2 如何实现页面渲染的入口函数createRoot_【网盘分享WPFX.LINK】.mp4 │ ├── 9-3 scheduleUpdateOnFiber调度更新_【网盘分享WPFX.LINK】.mp4 │ ├── 9-4 render阶段_【网盘分享WPFX.LINK】.mp4 │ ├── 9-5 render阶段-beginWork-1_【网盘分享WPFX.LINK】.mp4 │ ├── 9-6 render阶段-beginWork-2_【网盘分享WPFX.LINK】.mp4 │ ├── 9-7 render阶段-completeWork_【网盘分享WPFX.LINK】.mp4 │ └── 9-8 commit阶段_【网盘分享WPFX.LINK】.mp4 ├── 第10章 React渲染机制：手写不同组件的渲染过程，掌握其机制原理 │ ├── 10-1 如何实现多个原生标签子节点渲染的源码_【网盘分享WPFX.LINK】.mp4 │ ├── 10-2 如何实现文本节点渲染的源码_【网盘分享WPFX.LINK】.mp4 │ ├── 10-3 如何实现Fragment渲染的源码_【网盘分享WPFX.LINK】.mp4 │ ├── 10-4 如何实现类组件渲染的源码_【网盘分享WPFX.LINK】.mp4 │ └── 10-5 实现函数组件渲染的源码_【网盘分享WPFX.LINK】.mp4 ├── 第11章 React开发的利器：Hooks底层分析 │ ├── 11-1 Hook简介_【网盘分享WPFX.LINK】.mp4 │ ├── 11-2 Hook规则背后的原因_【网盘分享WPFX.LINK】.mp4 │ ├── 11-3 函数组件的Hook源码解读_【网盘分享WPFX.LINK】.mp4 │ ├── 11-4 -1 useReducer源码解读_【网盘分享WPFX.LINK】.mp4 │ ├── 11-5 -2 useReducer源码解读_【网盘分享WPFX.LINK】.mp4 │ └── 11-6 useState源码解读_【网盘分享WPFX.LINK】.mp4 ├── 第12章 React开发的利器：手写实现Hooks，掌握Hooks底层数据结构 │ ├── 12-1 模拟事件，初步实现useReducer_【网盘分享WPFX.LINK】.mp4 │ ├── 12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-1_【网盘分享WPFX.LINK】.mp4 │ ├── 12-3 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-2_【网盘分享WPFX.LINK】.mp4 │ ├── 12-4 节点删除_【网盘分享WPFX.LINK】.mp4 │ ├── 12-5 初步实现多个节点的React VDOM DIFF-1_【网盘分享WPFX.LINK】.mp4 │ ├── 12-6 初步实现多个节点的React VDOM DIFF-2_【网盘分享WPFX.LINK】.mp4 │ ├── 12-7 完善实现React VDOM DIFF算法_【网盘分享WPFX.LINK】.mp4 │ ├── 12-8 如何移动DOM节点_【网盘分享WPFX.LINK】.mp4 │ ├── 12-9 实现useState_【网盘分享WPFX.LINK】.mp4 │ └── 12-10 子节点为null、undefined、布尔值_【网盘分享WPFX.LINK】.mp4 ├── 第13章 React开发的利器：React VDOM DIFF算法源码剖析 │ ├── 13-1 分析不同子节点类型，React VDOM DIFF的处理_【网盘分享WPFX.LINK】.mp4 │ ├── 13-2 协调单个节点_【网盘分享WPFX.LINK】.mp4 │ ├── 13-3 协调多个子节点_【网盘分享WPFX.LINK】.mp4 │ ├── 13-4 协调文本节点_【网盘分享WPFX.LINK】.mp4 │ └── 13-5 拓展-与Vue3 VDOM DIFF对比_【网盘分享WPFX.LINK】.mp4 ├── 第14章 React开发的利器：Hooks进阶，代码实践手动实现API │ ├── 14-1 如何实现useMemo_【网盘分享WPFX.LINK】.mp4 │ ├── 14-2 如何实现useCallback_【网盘分享WPFX.LINK】.mp4 │ ├── 14-3 useMemo与useCallback_【网盘分享WPFX.LINK】.mp4 │ ├── 14-4 如何实现useRef_【网盘分享WPFX.LINK】.mp4 │ ├── 14-5 如何实现useLayoutEffect_【网盘分享WPFX.LINK】.mp4 │ ├── 14-6 如何实现useLayoutEffect的effect执行_【网盘分享WPFX.LINK】.mp4 │ └── 14-7 如何实现useEffect的effect执行_【网盘分享WPFX.LINK】.mp4 ├── 第15章 React中的数据模式：代码实现，掌握Context实现原理 │ ├── 15-1 知识分析：Context简介_【网盘分享WPFX.LINK】.mp4 │ ├── 15-2 实现Context，掌握Context的底层结构与源码实现_【网盘分享WPFX.LINK】.mp4 │ ├── 15-3 实现Provider，掌握其底层实现_【网盘分享WPFX.LINK】.mp4 │ ├── 15-4 实现useContext与Context与Value管理，掌握其数据结构_【网盘分享WPFX.LINK】.mp4 │ ├── 15-5 实现Consumer_【网盘分享WPFX.LINK】.mp4 │ └── 15-6 实现contextType，掌握类组件对于Context消费方式的原理_【网盘分享WPFX.LINK】.mp4 ├── 第16章 React中的数据模式：Context源码剖析，思维提高 │ ├── 16-1 分析Context的底层结构与源码实现_【网盘分享WPFX.LINK】.mp4 │ ├── 16-2 分析Provider与Context value栈管理，掌握其底层实现_【网盘分享WPFX.LINK】.mp4 │ ├── 16-3 分析Provider与后代组件消费context value_【网盘分享WPFX.LINK】.mp4 │ └── 16-4 后代组件消费的三种方式_【网盘分享WPFX.LINK】.mp4 ├── 第17章 跨浏览器兼容的事件系统：合成事件源码剖析 │ ├── 17-1 React中的合成事件背景与其必要性_【网盘分享WPFX.LINK】.mp4 │ ├── 17-2 React中的事件注册_【网盘分享WPFX.LINK】.mp4 │ ├── 17-3 React中的事件绑定与事件委托_【网盘分享WPFX.LINK】.mp4 │ ├── 17-4 React中的事件派发（上）_【网盘分享WPFX.LINK】.mp4 │ ├── 17-5 React中的事件派发（下）_【网盘分享WPFX.LINK】.mp4 │ ├── 17-6 React合成事件的定义_【网盘分享WPFX.LINK】.mp4 │ └── 17-7 不适合事件委托的事件处理_【网盘分享WPFX.LINK】.mp4 ├── 第18章 跨浏览器兼容的事件系统：合成事件实践，掌握框架级别的事件 │ ├── 18-1 实现事件注册_【网盘分享WPFX.LINK】.mp4 │ ├── 18-2 实现事件绑定与事件委托_【网盘分享WPFX.LINK】.mp4 │ ├── 18-3 -1实现事件派发_【网盘分享WPFX.LINK】.mp4 │ ├── 18-4 -2实现事件派发_【网盘分享WPFX.LINK】.mp4 │ ├── 18-5 实现合成事件_【网盘分享WPFX.LINK】.mp4 │ └── 18-6 实现受控组件事件_【网盘分享WPFX.LINK】.mp4 ├── 第19章 性能提高：React Lanes模型源码剖析 │ ├── 19-1 React Lanes模型背景_【网盘分享WPFX.LINK】.mp4 │ ├── 19-2 React Lanes模型的应用_【网盘分享WPFX.LINK】.mp4 │ ├── 19-3 React Lanes 模型常用工具函数_【网盘分享WPFX.LINK】.mp4 │ ├── 19-4 React18新增的transition_【网盘分享WPFX.LINK】.mp4 │ └── 19-5 useDeferredValue原理_【网盘分享WPFX.LINK】.mp4 ├── 第20章 性能提高：React Lanes模型手动实践 │ ├── 20-1 -1 实现memo_【网盘分享WPFX.LINK】.mp4 │ ├── 20-2 -2 实现memo_【网盘分享WPFX.LINK】.mp4 │ ├── 20-3 补充受控组件事件_【网盘分享WPFX.LINK】.mp4 │ └── 20-4 实现lanes模型_【网盘分享WPFX.LINK】.mp4 ├── 第21章 课程总结 │ ├── 21-1 课程总结_【网盘分享WPFX.LINK】.mp4 │ └── 21-2 拓展：哪些React未正式发布的功能_【网盘分享WPFX.LINK】.mp4 ├── 源码+PDF课件 │ ├── 课件 │ │ ├── 1-1 React18源码实战课程导学.pptx │ │ ├── 2-1 为什么要学习React源码.pdf │ │ ├── 2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurren.pdf │ │ ├── 2-3 Thinking in React-用React的方式写React.pdf │ │ ├── 2-4 React中的状态管理与状态管理库.pdf │ │ ├── 2-5 state (状态)与props (属性).pdf │ │ ├── 2-6 React中的组件，如函数组件、类组件等.pdf │ │ ├── 2-7 Hooks.pdf │ │ ├── 2-8 Context.pdf │ │ ├── 2-9 React脚手架-企业级框架.pdf │ │ ├── 2-10 React 组件的常见性能优化.pdf │ │ ├── 3-1 如何高效学习React源码.pdf │ │ ├── 3-3 如何运行React测试用例.pdf │ │ ├── 3-4 如何成为React Contributor.pdf │ │ ├── 4-1 造轮子的优势以及步骤.pdf │ │ ├── 4-2 搭建自己的mini react项目.pdf │ │ ├── 5-1 实现任务调度算法.pdf │ │ ├── 5-2 任务调度器scheduler.pdf │ │ ├── 5-3 如何实现时间切片.pdf │ │ ├── 5-4 如何实现任务调度函数入口.pdf │ │ ├── 5-5 如何实现一个requestIdleCallback.pdf │ │ ├── 5-6 如何调度延迟任务.pdf │ │ ├── 5-7 总结：源码实践React底层任务调度机制.pdf │ │ ├── 6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器.pdf │ │ ├── 6-2 剖析React任务调度源码.pdf │ │ ├── 7-1 VDOM的四大问题：what、why、where、how.pdf │ │ ├── 7-2 Fiber详解.pdf │ │ ├── 7-3 掌握不同类型组件的Fiber：查看并调试.pdf │ │ ├── 8-1 在浏览器DOM 节点中创建根节点：createRoot.pdf │ │ ├── 8-2 root.render与unmount函数的流程.pdf │ │ ├── 8-3 update的数据结构与算法.pdf │ │ ├── 8-4 scheduleUpdateOnFiber调度更新.pdf │ │ ├── 8-5 render阶段.pdf │ │ ├── 8-6 render阶段-beginWork.pdf │ │ ├── 8-7 render阶段-completeWork.pdf │ │ ├── 8-8 render阶段-renderRootConcurrent.pdf │ │ ├── 8-9 commit阶段.pdf │ │ ├── 9-1 创建Fiber与FiberRoot (1).pdf │ │ ├── 9-2 如何实现页面渲染的入口函数createRoot.pdf │ │ ├── 9-3 scheduleUpdateOnFiber调度更新.pdf │ │ ├── 9-4 render阶段.pdf │ │ ├── 9-5 render阶段-beginWork.pdf │ │ ├── 9-6 render阶段-completeWork.pdf │ │ ├── 9-7 commit阶段.pdf │ │ ├── 10-1 如何实现多个原生标签子节点渲染的源码.pdf │ │ ├── 10-2 如何实现文本节点渲染的源码.pdf │ │ ├── 10-3 如何实现Fragment渲染的源码.pdf │ │ ├── 10-4 如何实现类组件渲染的源码.pdf │ │ ├── 10-5. 实现函数组件渲染的源码.pdf │ │ └── 11-1 Hook简介.pdf │ └── 源码等.exe └── 【必看】资源总文档【更新至7月1日】.xlsx