关于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"事件后,更新页面