在 React 16 之前，协调(Reconciliation)过程是同步且递归的，一旦开始就无法中断。对于复杂的组件树，这个过程可能耗时很长，导致主线程被长时间占用，页面因此失去响应，出现卡顿和掉帧。为了解决这一顽疾，React引入了 Fiber 架构。
Fiber 不仅仅是一个新特性，而是对 React 核心协调算法的彻底重构。其核心思想是将一个庞大的、不可中断的更新任务，拆分成许多微小的工作单元(Fiber 节点)。每个 Fiber 节点代表了一个组件实例、DOM 节点或其他工作。React 可以在每完成一个工作单元后，暂停下来，将控制权交还给主线程，检查是否有更高优先级的任务(如用户输入)需要处理。
这种异步可中断的更新机制，带来了两大革命性变化:
- 告别主线程阻塞:通过将更新过程碎片化，React 能够在浏览器的每一帧(约16.6ms)的空闲时间内执行一部分工作。如果时间用尽，它会优雅地暂停，等待下一帧的空闲时间再继续、从而确保了动画、布局和用户输入的流畅性。
- 实现任务优先级调度:
Fiber架构为不同类型的更新赋予了优先级。例如，由用户输入触发的更新优先级最高，而数据获取触发的更新优先级较低。高优先级的任务可以“插队”，中断正在进行的低优先级任务，确保应用始终能快速响应用户。
本质上，Fiber 将 React 的更新从一个“霸道”的同步任务，转变为一个“懂礼貌”的、可与浏览器协作的调度系统，这是现代复杂 React 应用能够保持高性能和优秀用户体验的基石。