面试官：Fiber 架构是什么？解决了什么问题？

参考链接：这可能是最通俗的 React Fiber(时间分片) 打开方式

React Fiber 是 React 的新的核心算法架构，用于实现协调更新和异步渲染。Fiber 架构是 React v16 中引入的重大变化，它的主要目标是解决 React 在大型应用中遇到的性能问题和用户体验问题。

React Fiber 解决了以下几个问题：

1. 渲染阻塞：在旧的 React 架构中，当 React 应用执行更新时，会阻塞浏览器主线程，导致页面失去响应，用户体验下降。Fiber 架构通过将工作分割成可中断的小任务单元，使得 React 应用可以在更新过程中让出主线程，从而保证页面的流畅响应。
2. 优先级调度：在旧的 React 架构中，更新任务的优先级是固定的，无法根据任务的紧急程度进行调整。Fiber 架构引入了优先级调度的概念，可以根据任务的优先级动态调整任务的执行顺序，保证高优先级任务优先执行，提高用户体验。
3. 增量渲染：在旧的 React 架构中，一次更新任务的执行是一次性的，必须等到所有任务都完成后才能进行页面渲染。Fiber 架构引入了增量渲染的概念，可以在更新过程中逐步完成页面的渲染，使得页面渲染的过程更加平滑。
4. 错误边界：在旧的 React 架构中，组件抛出异常后会导致整个组件树的渲染中断，可能导致整个页面崩溃。Fiber 架构引入了错误边界的概念，可以将错误限制在组件范围内，不影响其他组件的渲染，提高了应用的稳定性。

总的来说，React Fiber 架构通过引入可中断的工作单元、优先级调度、增量渲染和错误边界等新特性，解决了 React 在性能和用户体验方面的一系列问题，使得 React 应用能够更加高效地运行和响应用户操作。