React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom 是什么关系？ 与其看各种解

render与bailout React创建fiber的逻辑render、bailout。 render：调用render函数（组件），返回JSX，与old fiber进行diff后创建fiber。

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

这是我参与更文挑战的第20天 大家好我是小村儿，在上节我们结束了TinyReact的实现，接下来我们学习React16中用到的被称为Fiber算法，我们会花几个篇章搞明白什么是Fiber算法！！！ 开

这是我参与更文挑战的第24天，活动详情查看： 更文挑战 前言 大家好我是小村儿，上一节我们实现了创建任务队列，添加任务，使用requestIdelCallbackapi利用浏览器空闲时间实现任务的调度

介绍Fiber实现思路，以及相关知识点屏幕刷新率、帧等，然后手把手教你实现一个简单的Fiber算法。

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…

requestAnimationFrame 在性能优化上，最近研究了一下这个接口， 接下来我一步一步拆解，带你理解这个接口的作用

通过React源码学习React Fiber的核心架构，源码基于React最新版本17.0.2，除了Fiber，也可以了解到其他关于React最新的源码及思想