当前位置

网站首页> 程序设计 > 开源项目 > 编程语言 > 浏览文章

Flux 的封装库 McFly

作者:小梦 来源: 网络 时间: 2024-06-10 阅读:

开源中国推出 PaaS@OSC 代码演示和运行平台

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

相关阅读

热点阅读

网友最爱