React Fiber 产生的原因 要知道React Fiber产生的原因是什么，首先我们得知道 React哲学，借用官网的话 React 是用 JavaScript 构建快速响应的大型 Web 应用

react太难了？面试时底层原理稍微问深一点就露馅了？快来一起学习react任务调度吧！看完本文，光一个任务调度就能和面试官说一节课，源码逐行讲解，细得不能再细了，请把细打在公屏上！

前言 React 16 之后，推出了 Fiber 架构，而 Fiber 具体是个什么东西，有很多优秀的文章进行解读，而本文在学习了各个大佬的文章后，尽力以最通俗易懂过的话来解释 Fiber。

这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程

开始之前，先讲一下该文章能帮你解决哪些问题？ facebook为什么要使用重构React React Fiber是什么 React Fiber的核心算法 - react是如何中断重启任务的 react

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。

本文分析源码版本为17.0.1。虽然React现在已经迭代到18+ 版本了，相信大多数项目还是没有跟进更新的，所以个人认为学习老的版本并不过时。因此后续内容在未特殊说明情况下，默认为Sync模式。

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…