reactfiber

Fiber

  在看一些react技术文档时,老提到ReactFiber,百度了一下中午是纤维
  我懵了。。。

为什么叫Fiber呢？

  大家应该都清楚进程（Process）和线程（Thread）的概念，
  在计算机科学中还有一个概念叫做Fiber，英文含义就是“纤维”，
  意指比Thread更细的线，也就是比线程(Thread)控制得更精密的并发处理机制。

  上面说的Fiber和React Fiber不是相同的概念，
  但是，我相信，React团队把这个功能命名为Fiber，
  含义也是更加紧密的处理机制，比Thread更细。

  在React Fiber中，一次更新过程会分成多个分片完成，
  所以完全有可能一个更新任务还没有完成，
  就被另一个更高优先级的更新过程打断，
  这时候，优先级高的更新任务会优先处理完，
  而低优先级更新任务所做的工作则会完全作废，
  然后等待机会重头再来。

  因为一个更新过程可能被打断，
  所以React Fiber一个更新过程被分为两个阶段(Phase)
  ：第一个阶段Reconciliation Phase和第二阶段Commit Phase。

  在第一阶段Reconciliation Phase，React Fiber会找出需要更新哪些DOM，
  这个阶段是可以被打断的；但是到了第二阶段Commit Phase，
  那就一鼓作气把DOM更新完，绝不会被打断。

  React Fiber把更新过程碎片化，执行过程如下面的图所示
  ，每执行完一段更新过程，就把控制权交还给React负责任务协调的模块，
  看看有没有其他紧急任务要做，如果没有就继续去更新，如果有紧急任务，
  那就去做紧急任务。
  维护每一个分片的数据结构，就是Fiber。