React源码系列

737 阅读1分钟

React源码系列旨在:一是从源码层面解析,理解React的原理。 二是回馈社区,提升自我

注意React的版本是0.13版本。

从React的比较初始的版本来看React的整个变迁之路,更深入的了解React的设计思想。

React参考源码及其解释分析

概念

一些概念

React的事件机制

React事件机制一 事件注册

React事件机制二 事件存储

React事件机制三 事件分发

React事件机制四 仿制事件流1

React事件机制五 仿制事件流2

React事件机制六 仿制事件流3

React中的Element

关于组件

Render -- createElement

Render -- element是什么

Render --- 三种不同的render

Element 转化为挂载实例

起始篇

Element 为null或者是false

Element 为 Object

Element 为 Object:type为 string

Element 为string或者是number

Element 为 Object:type为 function

实例化Element.type为function的 挂载实例的属性

实例化Element.type为function的 挂载实例的方法 --getPublicInstance

实例化Element.type为function的 挂载实例的方法 --- updateComponen

Element 总结篇

挂载根组件部分

Mount根组件 -- 起始篇

ReactDOM.render做了什么-- 第一部分,准备工作

ReactDOM.render做了什么-- 第三部分 初始挂载

ReactDOM.render做了什么 -- 生成markup

ReactDOM.render-- 第二部分 更新挂载

React中setState

关于refs

React中 生命周期

React中用到的技术

池化技术

事务机制

批处理机制

React 注入机制

React中的类一:CallbackQueue

React中的类二:AccumulateInto

React中的类三:Assign

React中的类四:KeyOf/keyMirror

React的类

ReactMount--辅助函数

ReactReconcileTransaction -- 事务

ReactReconfiler--协调