react fiber -异步中断更新
把原来树本身的嵌套结构改为-〉 单链表形式的树 下次遍历不需要从根节点重新开始,
Fiber 就是一个对象, Fiber一种数据结构
为什么会出现react fiber
- react 之前的stack 架构,递归遍历组件树成本很高,会造成主线程被持续占用,结果就是主线程上的布局,动画等周期性任务就无法得到立即处理,造成视觉上的卡顿
- Fiber架构任务分解,避免主线程的持续占用造成卡顿问题
- 增量渲染,把渲染任务分成多块
- 更新时候能够暂停,终止,复用 渲染任务
- 给不同类型的更新赋予优先级