介绍
![](/images/attachment/590399-b01a116d9ede7cfb.png)
React生态环境
![](/images/attachment/590399-6684d1c4cbca1ba7.png)
虚拟DOM
![](/images/attachment/590399-7476e6dec0372721.png)
组件
![](/images/attachment/590399-8c4df1fccf53f3df.png)
DOM更新步骤
![](/images/attachment/590399-d6dfa2717e18acf5.png)
组件示例
![](/images/attachment/590399-a1572404749d48de.png)
组件
组件概观
![](/images/attachment/590399-03b1b99c4bda458a.png)
组件组合
![](/images/attachment/590399-f0589bae8f771458.png)
React元素
![](/images/attachment/590399-38d7e3c31cccac10.png)
React.createElement()
![](/images/attachment/590399-e259af64c677ec43.png)
ReactClass
![](/images/attachment/590399-aebb2a4ffa1a2ee8.png)
React与浏览器
![](/images/attachment/590399-c9e0e2b0b0be51d6.png)
state
![](/images/attachment/590399-18781d7a0fd3fdb7.png)
Mutable vs Immutable
![](/images/attachment/590399-fada70b82a0ae535.png)
Mutable vs Immutable的修改
![](/images/attachment/590399-d037ba4b43a3bccb.png)
数据绑定
![](/images/attachment/590399-6f72f523445bb5ab.png)
React工作流程
![](/images/attachment/590399-0c3b9fe4d514039a.png)
渲染与生命周期
渲染
![](/images/attachment/590399-cc8e09d8761ce6fe.png)
生命周期
![](/images/attachment/590399-2e34ffe10b9dc9ad.png)
渲染示例
![](/images/attachment/590399-2568580993a8ddb2.png)
Mounting生命周期
![](/images/attachment/590399-444633b540852933.png)
Updating生命周期
![](/images/attachment/590399-d87dcb639843e11e.png)
Unmounting生命周期
![](/images/attachment/590399-a8ea8d5827bf89b0.png)
表单
控制组件
![](/images/attachment/590399-d59d45bcf60d2f35.png)
非控制组件
![](/images/attachment/590399-639fe660facc878c.png)
API请求
![](/images/attachment/590399-3ee705864b7cefcb.png)
路由
架构
![](/images/attachment/590399-167d3d597e66750c.png)
路由
![](/images/attachment/590399-9510ac54d79567ed.png)
路由添加
![](/images/attachment/590399-b0e6dd19d2e74b81.png)
应用架构
Flux
![](/images/attachment/590399-e64a12699a066630.png)
Redux
![](/images/attachment/590399-d148d7ff955e2136.png)
中间件
![](/images/attachment/590399-b0b6606d8d220bc6.png)
服务端渲染
![](/images/attachment/590399-26c7106bdb0d0671.png)
职责
![](/images/attachment/590399-7ebc201c7e61f6c5.png)
服务端流程
![](/images/attachment/590399-432c1576f2d0967c.png)
React Native
![](/images/attachment/590399-f4fa9bf88232f9b7.png)
Author
llitfkitfk
LastMod
2018-12-28
License
CC BY-NC-ND 4.0