慕课网-前端跳槽突围课: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开发能力

祝您学习愉快!

学有所成,前程似锦!