跳到主要内容

Fiber 架构

简介

  • 什么是 Fiber 架构?
  • 以前的架构是什么?
  • Fiber 架构解决了什么问题?

React16 之后,React 开始使用 Fiber 架构。在引入 Fiber 架构之前,大组件更新时会产生卡顿现象。

大型 React 应用一次更新会遍历大量虚拟 DOM,导致卡顿。React 重写了核心模块 Reconciler ,启用了 Fiber 架构。

react 调度策略

优先级概念

commit 和 render 阶段