whilelucky

<Route
  name="landing"
  path="/"
  getComponent={
    (_, cb) => import('./views/LandingPage/LandingPage' /* webpackChunkName: 'landing' */)
      .then((module) => cb(null, module.default))
      .catch((error) => cb(error, null))
  }
</Route>

whilelucky

const serverRenderedHtml = async (req, res, renderProps) => {
  const store = configureStore();
  //call, wait, and set api responses into redux store's state (ghub.io/redux-connect)
  await loadOnServer({ ...renderProps, store });
  //render the html template
  const template = html(
    renderToString(
      <Provider store={store} key="provider">
        <ReduxAsyncConnect {...renderProps} />
      </Provider>,

whilelucky

entry: {
  main: './client/index.js',
},
output: {
  path: path.resolve('./build/client'),
  filename: 'js/[name].[chunkhash:8].js',
},
module: {
  rules: [
    { test: /\.js$/, exclude: /node_modules/, use: ['babel-loader'] },