Describe code-splitting techniques and benefits in large JS apps.

Code-splitting is a technique that breaks a large JavaScript app into smaller chunks, loading only what's necessary initially and deferring other parts until needed.

This improves initial load times, reduces bandwidth usage, and enables better caching and parallel loading of resources, leading to faster, more responsive apps.

Code

// Dynamic import for route-based code-splitting
import('./featureModule').then(module => {
  module.loadFeature();
});