点击进入React源码调试仓库。 每个fiber节点在更新时都会经历两个阶段：beginWork和completeWork。在Diff之后（详见深入理解React Diff原理），workInProgress节点就会进入complete阶段。这个时候拿到的workInProgr…

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

一、前面的话 如果把react的整个工作比作做一道菜的话，那么我们可以认为 render 阶段就是在准备菜谱，而真正干活的其实是commit阶段，在这个阶段，对于类组件来说会进行各种生命周期钩子函数的

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期

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

本文源码基于 React v17.0.2，阅读本文前需要先了解 React 渲染相关流程原理与重点概念

结合 React Context 的源码，解析实现原理，并解读关于 Context 的相关特性如何实现

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…