背景 在我们开发前端需求时，会遇到多个组件内部状态同步的问题，这些组件往往在 DOM 结构上相距甚远。以网页中常见的“换肤功能”为例，ThemeSwitch 组件在更改内部主题色状态 color 时，

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

详细介绍React Fiber副作用含义，fiber flags常见的操作。React采用二进制标记副作用的好处。

批处理（异步更新）机制简述 在 React 源码中，通过全局变量 executionContext 控制 React 执行上下文，指示 React 开启同步或者异步更新。executionContex

点击进入React源码调试仓库。 当render阶段完成后，意味着在内存中构建的workInProgress树所有更新工作已经完成，这包括树中fiber节点的更新、diff、effectTag的标记、effectList的收集。此时workInProgress树的完整形态如下：…

React 合成事件： 1. 注册 2. 触发 3. 合成事件和原生事件的执行顺序 仅用于自身学习记录，往后认知深入时，会继续补充

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

点击进入React源码调试仓库。 一旦用户的交互产生了更新，那么就会产生一个update对象去承载新的状态。多个update会连接成一个环装链表：updateQueue，挂载fiber上， 然后在该fiber的beginWork阶段会循环该updateQueue，依次处理其中的…

点击进入React源码调试仓库。 在React的concurrent模式下，低优先级任务执行过程中，一旦有更高优先级的任务进来，那么这个低优先级的任务会被取消，优先执行高优先级任务。等高优先级任务做完了，低优先级任务会被重新做一遍。 我们用一个具体的例子来理解一下高优先级任务插…