是什么
首先fiber 本身其实是一种能够优化节点更新导致diff压力大,最终导致渲染满的算法思想
解决什么问题
能够解决异步可中断更新,以及diff性能问题 单纯依靠虚拟dom ,由于不具备相关优先级相关,又因为js是单线程语言,导致性能差
而jsx fiber dom 之间的关系 用户正常
const Index = () => {
return <div>hello word !</div>;
}
流程
- 开发者书写jsx进行开发
- 其次会将对应的虚拟dom 转换为fiber节点
- 经过 beginwork 创建或复用对应的fiber 再经过,completework, commitwork ,最终渲染到真实dom上
原理,源码
待攻克
- 虚拟dom和fiber节点之间有什么区别和联系