Flux - 28 - Fetching Single Records from a Store

Author: StephenGrider

imgur-client/src/components/image-detail.jsx

@@ -1,9 +1,19 @@
 var React = require('react');
+var Reflux = require('reflux');
+var ImageStore = require('../stores/image-store');
 
 module.exports = React.createClass({
+  mixins: [
+    Reflux.listenTo(ImageStore, 'onChange')
+  ],
   render: function() {
     return <div>
       I am an image detail.
     </div>
+  },
+  onChange: function(event, image) {
+    this.setState({
+      image: image
+    });
   }
 });

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

@@ -15,6 +15,16 @@ module.exports = Reflux.createStore({
         this.triggerChange();
       }.bind(this));
   },
+  find: function(id){
+    var image = _.findWhere(this.images, {id: id});
+
+    if(image) {
+      return image
+    } else {
+      this.getImage(id);
+      return null
+    }
+  },
   triggerChange: function() {
     this.trigger('change', this.images);
   }