We can request resources that are only needed for specific routes, by adding route-based splitting. By combining React Suspense or
loadable-components with libraries such as
react-router, we can dynamically load components based on the current route.
By lazily loading the components per route, we’re only requesting the bundle that contains the code that’s necessary for the current route. Since most people are used to the fact that there may be some loading time during a redirect, it’s the perfect place to lazily load components!