从 React 16 开始引入了 Fiber 架构,“这是一种重新实现 React 核心算法的方式”,基于 JS 的Generator函数,使用协程的概念使得可中断的渲染成为可能,同时给不同的任务分配了优先级,从而在更小的粒度调度和优化 React 应用程序的渲染过程。

主要原理

  • 把组件的渲染平铺在时间轴上,避免阻塞js进程