React学习笔记（三）——React源码

3.1 初步

React源码的组织结构如下：

其中renderers是React代码的核心部分，包含了大部分功能的实现。其结构如下：

3.2 Virtual DOM模型

该模型负责Virtual DOM底层框架的构建工作，它拥有一整套的Virtual DOM标签，并负责虚拟节点及其属性的构建、更新、删除等工作。

3.2.1 创建React元素

创建过程如下：

const Nav, Profile;

//输入（JSX）
const app = <Nav color="blue"><Profile>click</Profile></Nav>;

//输出（JS）
const app = React.createElement(
	Nav;
	{color:"blue"},
	React.createElement(Profile, null, "click")
);

3.2.2 初始化组件入口

当使用React创建组件时，首先会调用instantiateReactCo