学习 React 底层原理以及实现

这是专栏里的文章，专栏里每一篇文章都是接上一篇文章的，是一个非常细的分析过程。 上一篇文章，我们知道render阶段采用深度优先遍历的方式依次执行 beginWork 和 completeWork c

我们之前了解到: render 阶段开始的函数是 renderRootSync commit 阶段开始的函数是 commitRoot 注意：这里所说的render阶段不是render调用函数。而是指渲

上一篇主要是说流程，大概的流程是什么样子的，经历了哪些函数。 本篇开始要具体讲解递归阶段，逐步分解。如有不对之处还望指出，共同进步，谢谢～ 深入理解JSX JSX对于开发人员应该并不陌生，React也

本篇文章学习React源码，根据每个阶段进行源码debugger学习。 这里提供如何在本地打debugger：https://github.com/sunkuangdong/react_origin_

之前的文章，总结了关于新/老 Fiber 的架构方案，以及能够解决什么问题。 接下来一起来看看他的工作原理，以及如何看源码打debugger。 Fiber架构的工作原理 Fiber的含义 含义一： 我

本篇文章来自官网的学习，如果对官网的Diff已经掌握的同学可以跳过。 Fiber架构设计动力 我们知道React会有两棵树。这两棵树会交替运行，进行UI渲染。官网也给出了两个树的大概生成流程。 在某一

三大模块 我们创建一个Holle World，看一下浏览器的调用栈。你会发现react执行了一大堆函数，我们将这些函数分成调度、协调、渲染三大模块，这三大模块就是接下来要研究的。 设计理念 在学习之前