<Router history={browserHistory}>
<Route component={Loader}>
    <Route path="/" component={MainLayout}>
        <IndexRoute components={{ rightSidebar: RightSidebar, main: Dashboard }} />
        <Route path="accounts" components={{ rightSidebar: RightSidebar, main: Accounts }} />
    </Route>
</Route>
<Route path="*" component={PageNotFound} />

import React from 'react';
import { connect } from 'react-redux';

import { fetchUsersInfo } from 'actions/index.actions';
import Spinner from 'components/spinner/Spinner.component';
class Loader extends React.Component {
    componentDidMount() {
        this.props.fetchUsersInfo();
    }

    render() {
        return (
            <div>
                {this.props.appState.isFetchingUsersInfo ?
                    <div>
                        <Spinner />
                    </div>
                    :
                    <div>
                        {this.props.children}
                    </div>
                }
            </div>
        );
    }
}

Loader.propTypes = {
    children: React.PropTypes.node.isRequired,
    appState: React.PropTypes.shape({
        isFetchingUsersInfo: React.PropTypes.bool.isRequired,
    }),
    fetchUsersInfo: React.PropTypes.func.isRequired,
};

const mapStateToProps = state => ({
    appState: {
        isFetchingUsersInfo: state.appState.isFetchingUsersInfo,
    },
});

export default connect(mapStateToProps, { fetchUsersInfo })(Loader);

import React from 'react';
import { connect } from 'react-redux';

import { fetchAllProjects } from 'actions/index.actions';

import styles from './Dashboard.container.scss';

class Dashboard extends React.Component {
    componentDidMount() {
        this.props.fetchAllProjects();
    }
    render() {
        return (
            <div>
            Dashboard
            </div>
        );
    }
}

Dashboard.propTypes = {
    appState: React.PropTypes.shape({
        isFetchingProjects: React.PropTypes.bool.isRequired,
    }),
    fetchAllProjects: React.PropTypes.func.isRequired,
};

const mapStateToProps = state => ({
    appState: {
        isFetchingProjects: state.appState.isFetchingProjects,
    },
});

export default connect(mapStateToProps, { fetchAllProjects })(Dashboard);