We can request resources that are only needed for specific routes, by adding
route-based splitting. By combining
React Suspense or
with libraries such as
, 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!