How do you use code splitting with an example?

Code splitting is a technique used in JavaScript applications to split the code into smaller bundles that can be loaded on demand. This helps in optimizing the load time and performance of the application by only loading the necessary code for a given page or feature.

In this example, we will illustrate how to implement code splitting using dynamic imports with JavaScript in a React application.


        // Example of code splitting using React
        import React, { Suspense, lazy } from 'react';

        const LazyComponent = lazy(() => import('./LazyComponent'));

        function App() {
            return (
                
                    Code Splitting Example
                    Loading...
}>