通过在Chrome中添加React Devtools工具，可以方便我们调试React组件，能够更清楚的看到各组件的内部状态。

在 react 16 版本中，官方对内部代码进行了大面积的重写，其中 fiber 就是最重要的一部分，那什么是 fiber 呢？ 其实 fiber 就是一种新的 dom 比对的新的算法，fiber 就

这篇文章从React Fiber架构的原理和源码入手，为你织开一面关于Fiber架构的基础知识网络。

React Fiber 架构为 React 在性能、交互性和扩展性方面带来了显著的提升。它是 React 库的核心调度算法，它负责管理组件的更新、虚拟 DOM 的构建以及最终 DOM 的更新。

前言：之前看过好几篇react源码解读的文章，说实话个人理解能力不高，看过一次也就忘了，奈何自己去看源码又不知道从哪里下手，庞大的底层运行逻辑即使看了你能确定它是这么运行的吗？于是我萌生了一个想法，能

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来;

大家好，我是小杜杜，俗话说的好，工欲善其事必先利其器，什么意思呢？就是说你想玩转React就必须知道React有什么，无论是否运用到，首先都要知道，提升思维广度～

阅读本文前建议先了解 React 渲染相关流程与基本原理，本文主要讲解 React Hooks 原理与源码实现