说说你对fiber架构的理解？解决了什么问题

Fiber 架构是 React 16 中引入的一种新的协调机制，用于解决 React 在渲染过程中可能出现的阻塞问题，提高用户界面的响应性能。以下是我对 Fiber 架构的理解以及它所解决的问题：

1. 解决长时间阻塞问题：在传统的 React 同步渲染方式下，当 React 开始进行组件渲染时，它会一直执行到渲染完成或遇到 I/O 操作等阻塞任务。这意味着在渲染过程中，React 无法中断，会导致页面出现长时间的空白或无响应情况。Fiber 架构通过将渲染过程分为多个小任务，使得 React 可以根据优先级和时间片进行任务调度和暂停，从而解决了长时间阻塞的问题。

2. 改进用户界面的响应性能：由于 Fiber 架构可以将渲染过程分解为多个小任务，并且可以根据任务优先级动态调度，因此能够更好地响应用户的交互操作。它可以在用户输入或动画等需要即时响应的场景下，先暂停低优先级任务的执行，优先处理高优先级任务，提高用户界面的响应性能和流畅度。

3. 实现增量渲染：Fiber 架构引入了 Fiber 节点（Fiber Node）的概念，它是 React 对组件树的一种表示形式。每个 Fiber 节点都包含了组件的相关信息，并且可以拥有多个子节点和兄弟节点。通过将组件树转换为 Fiber 节点树，并利用协调机制进行增量渲染，React 可以在多个帧中分布和执行渲染任务，从而实现逐步、增量地更新用户界面。

4. 支持优先级调度：Fiber 架构引入了任务优先级的概念，可以根据任务的优先级来安排任务的执行顺序。React 可以根据任务的优先级调度，优先处理重要的任务，提供更好的用户体验。

5. 支持异步渲染：在 Fiber 架构中，React 提供了 unstable_scheduleCallback API，允许开发者将任务标记为优先级较低，以便在浏览器空闲时执行。这样可以更好地利用浏览器的空闲时间，并且避免阻塞主线程，提高页面的性能和响应能力。

总体来说，Fiber 架构通过引入协调机制和任务优先级调度，解决了传统同步渲染方式下的长时间阻塞问题，提高了用户界面的响应性能和流畅度。它还支持增量渲染和异步渲染，使 React 在面对复杂场景和大型应用时能够更好地处理更新和渲染任务。