learn-react-source-code

Learn [email protected] source code 学习 [email protected] 源代码。

文章

本系列文章总共三篇：

• [email protected] 原理浅析（概念介绍）
• [email protected] 原理浅析（源码浅析）
• [email protected] 原理浅析（hooks）

带注释的源码

https://github.com/kwzm/learn-react-source-code/tree/master/react

demos

文章中用到的 demos

https://github.com/kwzm/learn-react-source-code/tree/master/demos

• fiber
• setState
• expirationTime
• controlledComponent
• syntheticEvent
• hooks

流程图

• [email protected] 源码浅析——初次挂载流程

• JSX

• Diff 算法

• ReactDOM.render

• setState

• schedule（调度）

• render 阶段

• commit 阶段

• expirationTime

• hooks

• context

• ref

• 事件机制