关于Flux的学习

关于Flux的学习

---

React只涉及UI层，如果要搭建大型应用，就必须搭配一个前端框架；React+Flux
https://github.com/ruanyf/extremely-simple-flux-demo

• 
  
• View： 视图层；
  

React 的 controller view 模式：“controller view”组件只用来保存状态，然后将其转发给子组件；子组件是一个纯组件（即不含有任何状态）；方便了测试和复用。

• Action（动作）：视图层发出的消息（比如mouseClick）；
• Dispatcher（派发器）：用来接收Actions、执行回调函数； Dispatcher 只能有一个，而且是全局的。
• Store（数据层）：用来存放应用的状态，一旦发生变动，就提醒Views要更新页面；

• ---

用户访问 View --> View 发出用户的 Action --> Dispatcher 收到 Action，要求 Store 进行相应的更新 --> Store 更新后，发出一个"change"事件 --> View 收到"change"事件后，更新页面