React教程17 – Flux概念

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 数据流的示例图。

react-flux-concept-image

 

Flux 的优点

  • 单向的数据流data flow 更容易被理解
  • Flux app更容易维护
  • app中每个部分都分离开

发表评论

您的电子邮箱地址不会被公开。