概念 HMR也叫热更新，HMR 最初由 Webpack 设计实现，至今已几乎成为现代工程化工具必备特性之一。在 HMR 之前，应用的加载、更新是一种页面级别的原子操作，即使只是单个代码文件发生变更都需

前言 这是React源码系列专栏的第六篇文章，预计写10篇左右，之前的文章请查看文末，通过本专栏的学习，相信大家可以快速掌握React源码的相关概念以及核心思想，向成为大佬的道路上更近一步；

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

说是实现，但其实我们只是在 React Scheduler 源码的基础上进行简化，省略掉繁琐的细节，添加了丰富的注释，保证代码可直接执行。大家可以复制代码到编辑器中，直接运行，非常适合学习 React

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河西，莫欺少年穷......

unstable_scheduleCallback 这个函数是 react 任务调度核心函数，主要作用是根据任务的优先级进行任务调度 它接收一个优先级(priorityLevel)、一个回调函数(ca

点击进入React源码调试仓库。 Scheduler作为一个独立的包，可以独自承担起任务调度的职责，你只需要将任务和任务的优先级交给它，它就可以帮你管理任务，安排任务的执行。这就是React和Scheduler配合工作的模式。 对于多个任务，它会先执行优先级高的。对于单个任务，…

通过 react 合成事件的学习，学习 react 对于事件系统的分层设计，它将不同类型的事件做成了插件，每个插件提供注册事件和提取事件两个接口，插件自身去实现事件的注册和事件提取

1、副作用函数 副作用函数是指会产生副作用的函数，如下面的代码所示： 当 effect 函数执行时，它会设置 body 的文本内容，但除了 effect 函数之外的任何函数都可以读取或设置 body