flux-cache.js

<FluxCache store={store} propName="items" component={Component} id={this.props.routeParams.id} />

var FluxCache = React.createClass({
    componentWillMount() {
        this.props.store.addListener('change', this.onStoreChange);
    },
    componentWillUnmount() {
        this.props.store.removeListener('change', this.onStoreChange);
    },
    onStoreChange() {
        this.setState({data: this.props.store.read()});
    },
    render() {
        var Component = this.props.component;
        var props = omit(this.props, 'propName');
        props[this.props.propName] = this.state.data;
        return <Component {...props} />;
    }
});

var Component = React.createClass({
    render() {
        var item = this.props.items[this.props.id];
        return <div>{item.name}</div>;
    }
});