Skip to content

Instantly share code, notes, and snippets.

@arqex
Created September 19, 2015 14:44
Show Gist options
  • Save arqex/60221c8855fede91d07d to your computer and use it in GitHub Desktop.
Save arqex/60221c8855fede91d07d to your computer and use it in GitHub Desktop.
/* STANDARD FLUX */
// Using flux you need to register the action in the dispatcher
AppDispatcher.register(function(payload) {
var action = payload.action;
var text;
switch(action.actionType) {
case 'updateTodo':
text = action.text.trim();
if (text !== '') {
TodoStore.find( action.todo ).text = text;
TodoStore.emitChange();
}
break;
}
});
// and also build the action creator
var TodoActions = {
update: function( todo, text ) {
dispatcher.handleViewAction({
actionType: 'updateTodo',
text: text,
todo: todo
});
}
}
// Inside your component you need to imperatively
// call the action, coupling your component to the
// action object
var TodoList = React.createComponent({
...
updateTodo: function( todo, text ){
TodoActions.update( todo, text );
}
...
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment