Example React Store

Store.js

var util         = require('util');
var extend       = require('extend');
var EventEmitter = require('events').EventEmitter;
var invariant    = require('react/lib/invariant');

var CHANGE_EVENT = 'change';

var RESERVED_MESSAGE = '"%s" is a reserved name and not allowed as a method';

function Store (methods) {
  var self = this;

  invariant(!methods.Mixin, RESERVED_MESSAGE, 'Mixin');
  invariant(!methods.dispatcherToken, RESERVED_MESSAGE, 'dispatcherToken');

  extend(this, methods);

  /**
   * Base functionality for every Store constructor. Mixed into the `Store`
   * prototype and exposed statically for easy access.
   */
  this.Mixin = {

    componentWillMount: function () {
      self.addChangeListener(this.onChange);
    },

    componentWillUnmount: function () {
      self.removeChangeListener(this.onChange);
    }

  };
}

util.inherits(Store, EventEmitter);

Store.prototype.emitChange = function () {
  this.emit(CHANGE_EVENT);
};

Store.prototype.addChangeListener = function (cb) {
  this.on(CHANGE_EVENT, cb);
};

Store.prototype.removeChangeListener = function (cb) {
  this.removeListener(CHANGE_EVENT, cb);
};

module.exports = Store;