As your react application grows in size and complexity, it is very common for your bundled javascript to grow insanely huge. This will hurt your user experience as the time to first paint tends to be very high. It is always a good idea to keep a check on output bundle size, using packages like size-limit.

What is Code Splitting?

Code splitting/chunking is basically splitting your generated bundled application file into smaller chunks. Lets say your user is on the login page, it makes sense to not load all your app components. Most common level of code splitting is done on the route level.

How it works