react fiber

32 阅读1分钟

react fiber -异步中断更新

把原来树本身的嵌套结构改为-〉 单链表形式的树 下次遍历不需要从根节点重新开始,

Fiber 就是一个对象, Fiber一种数据结构

为什么会出现react fiber

  1. react 之前的stack 架构,递归遍历组件树成本很高,会造成主线程被持续占用,结果就是主线程上的布局,动画等周期性任务就无法得到立即处理,造成视觉上的卡顿
  2. Fiber架构任务分解,避免主线程的持续占用造成卡顿问题
  3. 增量渲染,把渲染任务分成多块
  4. 更新时候能够暂停,终止,复用 渲染任务
  5. 给不同类型的更新赋予优先级

虚拟dom中react中叫 fiber,diff算法中 react 叫协调

juejin.cn/post/708160…

juejin.cn/post/718644…