What is Code Splitting?
In a standard React application, your entire codebase is bundled into a single `main.js` file. As your app grows, this file becomes a bottleneck.
"The best code is the code that isn't loaded until it's needed."
React.lazy()
This function lets you render a dynamic import as a regular component. It takes a function that must call a dynamic `import()`. This returns a Promise which resolves to a module with a default export containing a React component.
The Suspense Boundary
Suspense is a component for waiting for something to load. Since lazy components are asynchronous, Suspense allows you to specify a loading indicator in case their code is not yet available.
