视频字幕
React Fiber 是对核心协调算法的重写。它是一种新的内部架构，旨在解决旧的基于栈的协调算法的局限性。在 React 16 之前，协调过程是同步的、不可中断的，会长时间阻塞主线程。Fiber 将渲染工作分解成更小、可中断的单元，每个 Fiber 节点代表一个 React 元素。
Fiber 算法将协调过程分为两个阶段。第一个是渲染或协调阶段，这个阶段是异步的、可中断的。React 遍历 Fiber 树，构建一个工作中的树，计算需要进行的 DOM 更新。React 可以根据优先级决定先处理哪些更新，或者暂停当前工作去处理更高优先级的任务。第二个是提交阶段，这个阶段是同步的、不可中断的，React 将计算出的所有 DOM 更新一次性应用到实际的 DOM 上。
Fiber 架构使得 React 能够实现多个核心特性。首先是可中断和可恢复的任务，渲染工作可以被暂停，让浏览器处理更高优先级的任务，然后再恢复。其次是优先级调度，可以为不同的更新设置不同的优先级，确保重要的更新能更快地被处理。此外还支持并发模式，允许 React 同时处理多个状态更新，并在它们之间切换，从而提高应用的响应性。
Fiber 架构为并发模式奠定了基础。并发模式通过时间切片将长任务分解为小片段，使得渲染过程可以被中断。当有高优先级任务时，React 可以暂停当前的低优先级渲染工作，先处理重要任务，然后再恢复之前的工作。这种机制还支持 Suspense 组件的异步加载，以及自动批处理多个状态更新，大大提升了应用的响应性和用户体验。
总结来说，React Fiber 不是开发者直接使用的 API，而是 React 内部实现的一种底层机制。它是 React 16 及以后版本性能和新特性的基石，解决了旧算法的同步阻塞问题。通过将协调过程细粒度化、可中断化，Fiber 支持了并发模式、Suspense 等现代 React 特性，极大地提升了 React 在处理复杂应用时的性能和用户体验。