Code Splitting is a technique in React that allows you to split your code into smaller bundles instead of shipping the entire application in a single file. These smaller bundles can then be loaded on-demand, which improves the initial load time and overall performance of your app.

Instead of loading everything upfront (even the parts the user might never visit), you load only what’s necessary — and load additional features as needed.

In short:

Code splitting helps your React app load faster by splitting the code into smaller chunks and loading them only when required.

React doesn't do code splitting automatically. You typically achieve it using tools like dynamic import(), React.lazy, and React Router’s lazy loading.

---