文件名称:Flux的封装库McFly.zip
文件大小:452KB
文件格式:ZIP
更新时间:2022-08-08 01:14:10
开源项目
当我们在编写 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; }); 标签:McFly
【文件预览】:
mcfly-master
----bower.json(524B)
----src()
--------Action.js(1KB)
--------Store.js(2KB)
--------__tests__()
--------McFly.js(1KB)
--------ActionsFactory.js(626B)
--------Dispatcher.js(182B)
----.babelrc(49B)
----lib()
--------Action.js(2KB)
--------Store.js(4KB)
--------McFly.js(3KB)
--------ActionsFactory.js(1KB)
--------Dispatcher.js(247B)
----example()
--------index.html(328B)
--------.babelrc(46B)
--------js()
--------css()
--------.gitignore(40B)
--------package.json(909B)
----LICENSE(1KB)
----Gulpfile.js(753B)
----README.md(4KB)
----dist()
--------McFly.js(34KB)
----.gitignore(18B)
----index.js(40B)
----package.json(1KB)