Route Based Splitting 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! When to Use - Use this when your application has multiple routes and not…