McFlyFlux 的封装库

联合创作 · 2023-09-22 09:11

当我们在编写 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;

});
浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报