errors.js

/** @jsx React.DOM */

var data = arrayWithEvents;

var ErrorComponent = React.createClass({

  /* LOGIC */
  
  _update: function () {
    this.setState({ errors: data.errors() })  
  },
  
  /* LIFECYCLE EVENTS */

  componentDidMount: function () {
    data.errors.onChange(this._update);
  },

  componentWillUnmount: function () {
    data.errors.removeListener(this._update); 
  };

  getInitialState: function () {
    return {
      errors: data.errors()
    };
  },

  /* RENDER */

  render: function () {
    return ();
  },

});


var SomeComponent = React.createClass({

  /* LOGIC */

  raiseError: function () {
    data.errors.push({ type: 'warning', msg: 'Something went wrong with this '});
  },

  /* RENDER */

  render: function () {
    return (
      <div onClick={this.raiseError}>Error</div>
    );
  },

});