RootContainer for new hot loader syntax

Root.js

import React from 'react';
import { Router, Route, IndexRedirect, browserHistory } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';

import { AppContainer } from './components/App';
import { RandomContainer } from './components/Random';

export default React.createClass({
  history: null,
  _routes: null,

  componentWillMount() {
    const history = syncHistoryWithStore(browserHistory, this.props.store);
    this.history = history;
    this._routes = this.setupRoutes();
  },

  setupRoutes() {
    return (
      <Route path="/" component={AppContainer}>
        <IndexRedirect to='random' />
        <Route name='random' path='search' component={RandomContainer} />
      </Route>
    );
  },

  render() {
    return (
      <Router history={this.history}>
        {this._routes}
      </Router>
    );
  }
})


export { routeConfig };