actions.js

var AppDispatcher = require('./dispatcher.js');

var TodoActions = {
  create(text) {
    AppDispatcher.dispatch({
      actionType: 'CREATE_TODO'
      text: text
    });
  }
};

dispatcher.js

var Dispatcher = require('flux').Dispatcher;
module.exports = new Dispatcher();

store.js

var AppDispatcher = require('./dispatcher.js');
var EventEmitter = require('events').EventEmitter;

var _todos = {};

function create(text) {
  var id = String(Date.now()) + String(Math.random());
  _todos[id] = {
    id: id,
    text: text
  };
}

var TodoStore = Object.assign({}, EventEmitter.prototype, {
  getTodos() {
    return _todos;
  },
  
  emitChange() {
    this.emit('change');
  }
});

AppDispatcher.register((action) => {
  switch(action.actionType) {
    case 'CREATE_TODO':
      text = action.text.trim();
      if (text !== '') {
        create(text);
        TodoStore.emitChange();
      }
      break;
  }
});

view.js

var TodoStore = require('./store.js');

var TodoView = React.createClass({
  getInitialState() {
    return { todos: TodoStore.getTodos() };
  },
  
  componentDidMount() {
    TodoStore.addEventListener('change', this._onChange);
  },
  
  _onChange() {
    this.setState({ todos: TodoStore.getTodos() });
  },
  
  render() {
    return (
      <ul>
        {this.todos.map((todo) => {
          return <li>{todo.text}</li>
        })}
      </ul>
    );
  }
});