React源码学习

React源码学习进阶篇（一）新版React如何调试源码？ 使用create-react-app创建项目 此时，我们如果打一个debugger，会发现调用堆栈是bundle.js： image-202

准备工作 我们先使用最新版create-react-app，在example/目录下创建一个demo项目： 跑起来后，将index.js替换如下（要去掉webpack的ModuleScopePlugi

React源码学习入门（十二）DOM组件更新流程与Diff算法 源码分析 前面提到过最终的更新还是要在DOMComponent完成，而setState后，触发到DOM的更新入口是receiveComp

React源码学习入门（十一）React组件更新流程详解 源码分析 上一篇文章提到最后更新组件是走到了performUpdateIfNecessary方法，让我们来看一看它的实现： 这个方法其实最终走

React源码学习入门（十）setState是怎么做到异步化的？ 源码解析 还记得我们之前在介绍React组件的时候，ReactComponent的实现吗？ 让我们来回顾一下（源码位于src/isom

React源码学习入门（九）DOM挂载细节流程 源码分析 React挂载DOM的核心流程在src/renderers/dom/shared/ReactDOMComponents.js下： 这里省略了一

React源码学习入门（八）React组件挂载Component细节流程 源码分析 在上一篇文章的最后，我们走到了mountComponentIntoNode，它通过调用ReactReconciler

React源码学习入门（七）详解ReactMount入口 源码分析 ReactMount的源码位于src/renderers/dom/client/ReactMount.js： 在ReactMount

React源码学习入门（六）React Component是如何实现的？ 源码解析 ReactComponent的实现超出想象的简单，位于src/isomorphic/class/ReactBaseC

React源码学习入门（五）详解React中的Transaction事务机制 什么是React中的事务 其实Transaction这个词对我们开发并不陌生，在数据库中，事务表示的是一个原子化的操作序列

React源码学习入门（四）深入探究React中的对象池 源码分析 React对象池的实现在源码的src/shared/utils/PooledClass.js，整体实现还是比较简单的，总共就暴露了一

React源码学习入门（三）React源码codebase架构和调试介绍 代码目录结构 React整体的源码在src目录下，我们重点需要关注的几个目录： isomorphic，存放React本身的AP

React源码学习入门（二）React的render究竟返回的是什么？ 在进行React源码的深度讲解之前，我们先来看看一个最基础的核心问题： 理解这个问题，才能顺利完成对React源码的进一步分析。

React源码学习入门（一）新手如何学习React源码 众所周知，对于前端开发来说，React现在已经是非常流行的深受大众喜爱的框架，在我们日常中使用非常广泛： 学习React源码可以帮助我们更深入地