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中每个部分都分离开