React container pattern

react-container.js

var React = require("react");

var TabbedComponent = React.createClass({
  render: function() {
    return TabsContainer({
      tabs: [
        // Pass instantiated component?
        this.renderTab1(),
        // Or pass function to create component?
        this.renderTab1,
      ],
    ]);
  },

  renderTab1: function() {
    return SomeTabContent({
      someState: this.props.someState,
    });
  },
});

var TabsContainer = React.createClass({
  // Handles state of which tab is "active"
  // Shows active tab
  // Provides UI to switch tabs
});

var SomeTabContent = React.createClass({
  // Arbitrary component
});