一、总体实现目标 本文通过手写一个简易版 React，来了解 Fiber 架构到底做了些什么？从而对 React 基本原理有一个直观的认识； 学习建议：下载本节代码，对照着文章查看，尽量动手实现一遍；

众所周知，React中最为人称赞的就是Virtual DOM和 diff 算法的完美结合，让我们可以不顾性能的“任性”更新界面，前面文章中我们有介绍道Virtual DOM，其实就是通过js来模拟dom的实现，然后通过对js obj的操作，最后渲染到页面中，但是，如果当我们修改…

在网页中，有许多耗时但是却又不能那么紧要的任务。它们和紧要的任务，比如对用户的输入作出及时响应的之类的任务，它们共享事件队列。如果两者发生冲突，用户体验会很糟糕。我们可以使用setTimout，对这些任务进行延迟处理。但是我们并不知道，setTimeout在执行回调时，是否是浏…

前言 其实了解react的源码，并不是一件高成本的事，它的内部架构没有大家想象中的那么难，而阅读源码的收获，却是远远大过了成本，能够学习到其中优秀的设计模式和数据架构，并对业务中的熟练度有非常大的提升

作为前端来说，工作三年以上，如果你还是不会或者不了解如何手写一些最基础的框架，对于当前的形势来说是不太友好的，了解框架原理，手写框架已经成为前端开发者最基础的知识技能了，学习框架设计思维，结合业务体系

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

前言举个例子来讲解下React.useEffect()：当执行App()时，会调用useEffect(xxx)，因为是useEffect()的第一次调用，所以此时会执行源码里的mountEffect(

React Hooks 核心实现：1、每个组件对应一个fiber节点 2、react hooks是按顺序执行的，不能嵌套...

我是一名hooks API的忠实粉丝，然而它对你的使用会有一些奇怪的约束，所以我在本文中使用一个模型来把原理展示给那些想去使用新的API却难以理解它的规则的人。 本文提到的 Hooks API 还处于实验阶段，如果你需要的是稳定的 React API 文档，可以从这里找到。 我…