React Fiber原理

fiber是react16之后引入的一种调度算法，为了性能优化，16版本之前在创建虚拟dom渲染到页面是递归遍历渲染的，不能被打断，16之后引入了Fiber，思想是将任务分成很多小任务，在每个小任务执行的时候会看有没有空闲时间，如果有去执行下一个任务。其中真正实现是改变16之前vdom直接渲染，先将vdom转换为fiber，每个fiber有记录的child、siblings、return；形成了一种链表形式，所以可以被打断，在转换fiber的过程中还会做两件事情一个是提前创建对应的 dom 节点，一个是做 diff，确定是增、删还是改。最后全部转换完成以后，一次性commit渲染到页面