React Code Splitting

routes-after.js

import { Switch, Route } from 'react-router-dom';
import Loadable from 'react-loadable';

const Login = Loadable({
  loader: () => import('./pages/Login'),
  loading: () => null
});

const Dashboard = Loadable({
  loader: () => import('./pages/Dashboard'),
  loading: () => null
});

const User = Loadable({
  loader: () => import('./pages/User'),
  loading: () => null
});

const Routes = () => {
  return (
    <Switch>
      <Route path="/login" exact component={Login} />
      <Route path="/dashboard" exact component={Dashboard} />
      <Route path="/users" exact component={User} />
    </Switch>
  );
};

export default Routes;