import { Context } from 'fluxette-react';
import App from './app';
import flux from './flux';
React.render(
	<Context flux={ flux }>
		{ () => <App /> }
	</Context>,
	document.getElementById('root')
);

import { connect } from 'fluxette-react';
import { details } from './creators';
@connect(state => state.details)
class Component extends React.Component {
	submit() {
		this.dispatch(details.update({
			nickname: React.findDOMNode(this.refs.nickname).value,
			email: React.findDOMNode(this.refs.email).value
		}));
	}
	render() {
		let details = this.state;
		return (
			<div>
				<input ref='nickname' defaultValue={ details.nickname } />
				<input ref='email' defaultValue={ details.email } />
				<button onClick={ ::this.submit }>Submit</button>
			</div>
		);
	}
}

import { select } from 'fluxette-react';
let itemsWith = {
	discount: state => state.products.onSale,
	warranty: state => state.products.warranted,
	highRating: state => state.products.highRated
};
let productSelector = select(
	[itemsWith.discount, itemsWith.highRating],
	(discounted, highRating) => ({ products: _.union(discounted, highRating) })
);
@connect(productSelector)
class CheapQualityProducts extends React.Component {
	// ...
}
// can also be
connect(productSelector)(CheapQualityProducts)