McFlyFlux 的封装库
当我们在编写 ReactJS 应用的时候,使用 Facebook 的 Flux 架构会带来极大的帮助。它真正的补充了 ReactJS 的单向数据流模型。Facebook 的 Flux 库提供一个 Dispatcher 和一些如何编写 Action 和 Store 的例子。但是没有针对 Action 和 Store 创建的一些工具方法,这些需要第三方来提供。
而 McFly 为 Flux 架构提供了三个组件,使用 Facebook 的 Dispatcher 和提供工厂类来实现 Action 和 Store。
示例代码:
var _todos = []; function addTodo(text) { _todos.push(text); } var TodoStore = mcFly.createStore({ getTodos: function() { return _todos; } }, function(payload){ switch(payload.actionType) { case 'ADD_TODO': addTodo(payload.text); break; default: return true; } TodoStore.emitChange(); return true; });
评论