Flux - 14 - Working with Actions

Author: StephenGrider

imgur-client/src/actions.jsx

@@ -0,0 +1,5 @@
+var Reflux = require('reflux');
+
+module.exports = Reflux.createActions([
+  'getTopics'
+]);

imgur-client/src/components/topic-list.jsx

@@ -1,6 +1,7 @@
 var React = require('react');
 var Reflux = require('reflux');
 var TopicStore = require('../stores/topic-store');
+var Actions = require('../actions');
 
 module.exports = React.createClass({
   mixins: [
@@ -12,7 +13,7 @@ module.exports = React.createClass({
     }
   },
   componentWillMount: function() {
-    TopicStore.getTopics();
+    Actions.getTopics();
   },
   render: function() {
     return <div className="list-group">

imgur-client/src/stores/topic-store.jsx

@@ -1,7 +1,9 @@
 var Api = require('../utils/api');
 var Reflux = require('reflux');
+var Actions = require('../actions');
 
 module.exports = Reflux.createStore({
+  listenables: [Actions],
   getTopics: function() {
     return Api.get('topics/defaults')
       .then(function(json){