慕课网-前端跳槽突围课:React18底层源码深入剖析(完结)

7/22/2024

# 课程目录:

  • 5-2 实现任务调度算法-什么是最小堆-2

  • 5-3 实现任务调度算法-实现最小堆的peek与push函数-3

  • 5-4 实现任务调度算法-实现最小堆的pop函数-4

  • 5-5 任务调度器scheduler

  • 5-6 如何实现时间切片

  • 5-7 如何实现任务调度函数入口.mp4

  • 5-8 如何实现一个requestIdleCallback.mp4

  • 5-9 如何调度延迟任务

  • 5-10 总结:源码实践React底层任务调度机制

第6章 React18全新底层核心运行机制:任务调度机制源码阅读,思维拔高

  • 6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器

  • 6-2 剖析React任务调度源码

第7章 React渲染机制:原始渲染VDOM与性能改革Fiber的源码剖析

  • 7-1 VDOM的四大问题:what、why、where、how

  • 7-2 -1 Fiber详解

  • 7-3 -2 Fiber详解

  • 7-4 掌握不同类型组件的Fiber:查看并调试

第8章 React渲染机制:React中初次渲染流程深度剖析

  • 8-1 在浏览器DOM 节点中创建根节点:createRoot -1

  • 8-2 -2 在浏览器DOM 节点中创建根节点:createRoot

  • 8-3 -3 在浏览器DOM 节点中创建根节点:createRoot

  • 8-4 -4 在浏览器DOM 节点中创建根节点:createRoot

  • 8-5 -1 root.render与unmount函数的流程

  • 8-6 -1 root.render与unmount函数的流程

  • 8-7 -1 update的数据结构与算法.mp4

  • 8-8 -2update的数据结构与算法.mp4

  • 8-9 -1 scheduleUpdateOnFiber调度更新.mp4

  • 8-10 -2 scheduleUpdateOnFiber调度更新

  • 8-11 -3 scheduleUpdateOnFiber调度更新

  • 8-12 render阶段

  • 8-13 render阶段-beginWork

  • 8-14 render阶段-renderRootConcurrent

  • 8-15 commit阶段

第9章 React渲染机制:页面初次渲染原生标签代码实践

  • 9-1 创建Fiber与FiberRoot

  • 9-2 如何实现页面渲染的入口函数createRoot

  • 9-3 scheduleUpdateOnFiber调度更新

  • 9-4 render阶段

  • 9-5 render阶段-beginWork-1

  • 9-6 render阶段-beginWork-2

  • 9-7 render阶段-completeWork

  • 9-8 commit阶段

第10章 React渲染机制:手写不同组件的渲染过程,掌握其机制原理

  • 10-1 如何实现多个原生标签子节点渲染的源码.mp4

  • 10-2 如何实现文本节点渲染的源码.mp4

  • 10-3 如何实现Fragment渲染的源码.mp4

  • 10-4 如何实现类组件渲染的源码.mp4

  • 10-5 实现函数组件渲染的源码.mp4

第11章 React开发的利器:Hooks底层分析

  • 11-1 Hook简介

  • 11-2 Hook规则背后的原因.mp4

  • 11-3 函数组件的Hook源码解读.mp4

  • 11-4 -1 useReducer源码解读.mp4

  • 11-5 -2 useReducer源码解读

  • 11-6 useState源码解读

第12章 React开发的利器:手写实现Hooks,掌握Hooks底层数据结构

  • 12-1 模拟事件,初步实现useReducer

  • 12-2 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-1

  • 12-3 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-2

  • 12-4 节点删除.mp4

  • 12-5 初步实现多个节点的React VDOM DIFF-1

  • 12-6 初步实现多个节点的React VDOM DIFF-2

  • 12-7 完善实现React VDOM DIFF算法

  • 12-8 如何移动DOM节点

  • 12-9 实现useState.mp4

  • 12-10 子节点为null、undefined、布尔值

第13章 React开发的利器:React VDOM DIFF算法源码剖析

  • 13-1 分析不同子节点类型,React VDOM DIFF的处理

  • 13-2 协调单个节点

  • 13-3 协调多个子节点

  • 13-4 协调文本节点

  • 13-5 拓展-与Vue3 VDOM DIFF对比

第14章 React开发的利器:Hooks进阶,代码实践手动实现API

  • 14-1 如何实现useMemo

  • 14-2 如何实现useCallback

  • 14-3 useMemo与useCallback

  • 14-4 如何实现useRef

  • 14-5 如何实现useLayoutEffect

  • 14-6 如何实现useLayoutEffect的effect执行

  • 14-7 如何实现useEffect的effect执行.mp4

第15章 React中的数据模式:代码实现,掌握Context实现原理

  • 15-1 知识分析:Context简介

  • 15-2 实现Context,掌握Context的底层结构与源码实现.mp4_音频.mp3

  • 15-3 实现Provider,掌握其底层实现.mp4

  • 15-4 实现useContext与Context与Value管理,掌握其数据结构.mp4_音频.mp3

  • 15-5 实现Consumer.mp4

  • 15-6 实现contextType,掌握类组件对于Context消费方式的原理

第16章 React中的数据模式:Context源码剖析,思维提高

  • 16-1 分析Context的底层结构与源码实现

  • 16-2 分析Provider与Context value栈管理,掌握其底层实现

  • 16-3 分析Provider与后代组件消费context value

  • 16-4 后代组件消费的三种方式

第17章 跨浏览器兼容的事件系统:合成事件源码剖析

  • 17-1 React中的合成事件背景与其必要性

  • 17-2 React中的事件注册

  • 17-3 React中的事件绑定与事件委托

  • 17-4 React中的事件派发(上)

  • 17-5 React中的事件派发(下)

  • 17-6 React合成事件的定义

  • 17-7 不适合事件委托的事件处理

第18章 跨浏览器兼容的事件系统:合成事件实践,掌握框架级别的事件

  • 18-1 实现事件注册

  • 18-2 实现事件绑定与事件委托

  • 18-3 -1实现事件派发

  • 18-4 -2实现事件派发

  • 18-5 实现合成事件

  • 18-6 实现受控组件事件.mp4

第19章 性能提高:React Lanes模型源码剖析

  • 19-1 React Lanes模型背景

  • 19-2 React Lanes模型的应用

  • 19-3 React Lanes 模型常用工具函数

  • 19-4 React18新增的transition

  • 19-5 useDeferredValue原理

第20章 性能提高:React Lanes模型手动实践

  • 20-1 -1 实现memo

  • 20-2 -2 实现memo

  • 20-3 补充受控组件事件

  • 20-4 实现lanes模型

第21章 课程总结

  • 21-1 课程总结.mp4

  • 21-2 拓展:哪些React未正式发布的功能.mp4

本课程已完结

# 下载地址:

慕课网-前端跳槽突围课:React18底层源码深入剖析(完结)-小白自学网 (opens new window)