面试官问： “React Fiber 是什么？” 为什么叫 “Fiber”? Fiber 架构解决了什么问题？ 怎么回答 遇到这样的问题，一般从以下几个方面去回答......

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

一 Fiber之前的React下面代码实现了一个简单的react手写打印出的element如下：效果如下：jsx标签化是嵌套的结构，如代码所示，最终会编译成递归执行的代码，要想中断递归是很困难的。即r

我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。虽然React是自己实现了一套类似的requestIdleCallb…