0PricingLogin
React Academy · Lesson

Module Federation with Webpack 5

Configure a host and remote app with Webpack Module Federation to share components at runtime.

Module Federation Overview

Webpack 5 Module Federation lets you share JavaScript modules between separately bundled applications at runtime — one app exposes components, another consumes them without a build step.

Roles: Host vs Remote

A remote exposes modules. A host consumes modules from one or more remotes. An app can be both host and remote simultaneously.

All lessons in this course

  1. Micro-Frontend Concepts & Trade-offs
  2. Module Federation with Webpack 5
  3. Shared State & Routing Between MFEs
  4. Independent Deployment & CI Pipelines for MFEs
← Back to React Academy