React Performance Optimization: Lazy Loading

Eager loading uses React.eager() instead of React.lazy()
Eager loading loads all components at startup while lazy loading loads them on demand
The main difference is that eager loading loads all components during the initial application startup, resulting in a larger initial bundle but immediate availability of all features. Lazy loading, in contrast, loads components only when they're needed, resulting in a smaller initial bundle and faster startup time, but with potential delays when accessing features for the first time. By default, React uses eager loading (standard imports); lazy loading requires explicit implementation using React.lazy() and dynamic imports.
Eager loading is for class components while lazy loading is for functional components
Eager loading is automated by React while lazy loading requires manual implementation