Flux的封装库McFly.zip

时间:2022-08-08 01:14:10
【文件属性】:

文件名称: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)

网友评论