React-flux-store NPM

React Store

Part of react-flux, the store will register a callback on the dispatcher and emit events on changes to the store. Read more about FLUX and the stores over at Facebook Flux.

Download from dist: ReactStore.min.js or install from npm with npm install react-flux-store.

Scope

Has a create method that takes a name, a dispatcher and a store definition. It registers the store to the dispatcher that calls a dispatch method on your store, which receives the payload and the waitFor function
Inherits from EventEmitter so that React JS views can listen to events
Instance of store has a flush method that will emit an 'update' event

Example

StoreA.js

var Dispatcher = require('./Dispatcher.js');
var Store = require('react-flux-store');

module.exports = Store.create(Dispatcher, {
	data: [],
	dispatch: function (payload) {
		switch (payload.type) {
			case 'updateData':
				this.data = payload.data;
				this.flush();
				break;
		}
	}
});

Component.js

/** @jsx React.DOM */
var React = require('react');
var StoreA = require('./StoreA.js');

var Component = React.createClass({
 	getInitialState: function () {
 		return { foo: null };
 	},
	didComponentMount: function () {
		StoreA.on('update', this.handleChange);
	},
	willComponentUnmount: function () {
		StoreA.off('update', this.handleChange);
	},
	handleChange: function (bar) {
		this.setState({
			foo: bar
		});
	},
	render: function() {
		return (
			<div />
		);
	}
	
});
	
module.exports = Component;