another Container inspired by AltContainer

Container.jsx

import React from 'react';
import { PureRenderMixin } from 'react/addons';
import ListenerMixin from 'alt/mixins/ListenerMixin';
import { keys, isArray } from 'lodash-compat';

var Container = React.createClass({
  mixins: [PureRenderMixin, ListenerMixin],
  getDefaultProps() {
    return {
      stores: {},
      transform: stores => {}
    };
  },
  getInitialState() {
    var { stores } = this.props;
    var state = {};

    for (let name in stores) {
      let store = stores[name];
      state[name] = store.getState();
    }

    return state;
  },
  componentDidMount() {
    var { stores } = this.props;

    for (let name in stores) {
      let store = stores[name];
      this.listenTo(store, () => this.setState({[name]: store.getState()}));
    }
  },
  render() {
    var { children, transform } = this.props;

    return React.addons.cloneWithProps(
      React.Children.only(children),
      transform(this.state)
    );
  }
});

export default Container;

usage.jsx

{
  render() {
    return (
      <Container
        stores={{ FooStore, BarStore }}
        transform={({ FooStore, BarStore }) => {
          var { foo = [] } = FooStore;
          var { bar = [] } = BarStore;

          return { foo, bar };
        }}>
        <Foobar />
      </Container>
    );
  }
}