aackerman/react-flash-queue

Client-side flash queue for React applications

react-flash-queue

A messaging queue for the browser built with React.

Usage

var App = React.createClass({

  mixins: [FlashQueue.Mixin],

  componentDidMount: function() {
    this.flash('notice', 'A friendly notice');
  },

  render: function() {
    var queue = FlashQueue.DOM.queue;
    return <queue messages={this.props.messages}/>;
  }
});

React.renderComponent(<App/>, document.querySelector('body'));

The FlashQueue.Mixin extends the host a flash method to create new flashes. The flash method modifies this.props.messages on the host object. And expects this.props.messages will be passed as the messages prop for a queue instance.

Author

Aaron Ackerman