react-router-v3-lazy

router.tsx

// lazy load helper
function lazyComponent(promise: Promise<any>): (nextState: Router.RouterState, callback: (error, component?) => void) => void {
    return (nextState, callback) => {
        promise.then(
            (module) => {
                setTimeout(() => callback(null, module.default) && router.setLoading(true), 1000)
            },
            (error) => callback(error)
        );
    }
}

// render react DOM
ReactDOM.render(
    <Provider {...rootStores} >
        <Router history={browserHistory} >
            <Route path='/' component={BaseContainer}>
                <IndexRedirect to={PATH_LOGIN} />
                <Route path={PATH_LOGIN} getComponent={lazyComponent(System.import('app/containers/Login'))} />
                <Route path={PATH_SIGNUP} getComponent={lazyComponent(System.import('app/containers/Signup'))} />
            </Route>
        </Router>
    </Provider >,
    document.getElementById('root')
);