Module Federation: Dynamic Runtime Imports
Understand how Webpack Module Federation loads remote modules at runtime without bundling them into the host.
The Problem Module Federation Solves
In a multi-team frontend organization, multiple independently deployed applications often need to share UI components and utilities. Publishing to npm requires a version bump, new release, and full redeploy of every consuming application — creating a tight coupling between teams and slow iteration cycles.
The npm Approach and Its Drawbacks
The traditional approach (publish shared code as an npm package) means that updating a shared button component requires: update the npm package, publish a new version, update every consuming app's package.json, rebuild and redeploy every consuming app. Module Federation eliminates all of these steps.
All lessons in this course
- Module Federation: Dynamic Runtime Imports
- Configuring Host and Remote React Apps
- Sharing State and Routing Between Remotes
- Versioning, Deployment, and Orchestration