React如何调度组件的更新

图上主要讲了协调器的调度过程，就是所说的diff算法。
React的执行流程就是通过触发事件，开启更新流程，执行 VDOM 的相关操作 也就是 reconcile，根据 reconcile 计算出需要变化的 UI 执行对应的 UI 操作 也就是 commit
react在16.3引入Scheduler
Scheduler 的作用：
Scheduler 主要用于任务调度，它允许 React 在不同的渲染任务之间分配不同的优先级。具体来说，Scheduler 让 React 可以：
控制优先级：根据任务的紧急程度（如用户输入或动画）调整渲染的优先级，确保重要的任务先执行。
任务拆分：把渲染过程拆分成多个小任务，并按需执行，以避免阻塞主线程。
异步渲染：通过将渲染工作分解为可中断的任务，React 能够更好地支持异步渲染，避免长时间的渲染阻塞UI更新。
Scheduler 功能：
时间分片：Scheduler 允许 React 通过将渲染过程分割成多个小任务并根据优先级调度它们，以便在空闲时间执行低优先级任务（例如长时间的计算任务）而不会影响到高优先级的用户交互。
高优先级任务优先：例如，当用户进行输入时，React 会给输入事件和相应的更新分配较高的优先级，从而确保用户的交互体验流畅。
#前端#  #前端秋招进度#