React教程17 – Flux概念
Flux的编程概念是指数据传输是单一方向的( uni-directional )。流入app的数据单一方向流动,直到显示在屏幕上。
Flux 元素
这里是flux 重要概念的解释。
- Actions − Actions 是用来传给dispatcher来引发数据流的。
- Dispatcher − 这是app的中间枢纽。所有的数据都会被调遣,并传输到stores 中。
- Store − Store 是app的 state 和 logic 存储的地方。每一个 store 都用来维持并更新 state。
- View − view 是用来接受 store 的数据,并让app 重新render出来显示效果。
下面是Flux 数据流的示例图。
Flux 的优点
- 单向的数据流data flow 更容易被理解
- Flux app更容易维护
- app中每个部分都分离开