Flux - 14 - Working with Actions

StephenGrider · Jul 5, 2015 · 10519ed · 10519ed
1 parent 136aa1f
commit 10519ed
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/imgur-client/src/actions.jsx b/imgur-client/src/actions.jsx
@@ -0,0 +1,5 @@
+var Reflux = require('reflux');
+
+module.exports = Reflux.createActions([
+  'getTopics'
+]);
diff --git a/imgur-client/src/components/topic-list.jsx b/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">

diff --git a/imgur-client/src/stores/topic-store.jsx b/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){