McFlyFlux 的封裝庫

當(dāng)我們在編寫 ReactJS 應(yīng)用的時候，使用 Facebook 的 Flux 架構(gòu)會帶來極大的幫助。它真正的補充了 ReactJS 的單向數(shù)據(jù)流模型。Facebook 的 Flux 庫提供一個 Dispatcher 和一些如何編寫 Action 和 Store 的例子。但是沒有針對 Action 和 Store 創(chuàng)建的一些工具方法，這些需要第三方來提供。

而 McFly 為 Flux 架構(gòu)提供了三個組件，使用 Facebook 的 Dispatcher 和提供工廠類來實現(xiàn) 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;

});