Sharing Modules & Components
Learn to expose components from a remote application and consume them in a host application.
Intro to Module Sharing
In this lesson, we'll dive into the heart of Micro Frontends: sharing code!
We'll learn how one application can "expose" its components or modules, and how another application can "consume" them. This is key to building truly independent yet collaborative federated apps.
Understanding Exposed Modules
An exposed module is a piece of code (like a React component, a utility function, or even a data store) that one Micro Frontend application decides to make available to other applications.
- Think of it like publishing a library.
- The application making it available is called the Remote Application.
- It's configured within the Remote's Webpack setup.
All lessons in this course
- Project Setup & Configuration
- Sharing Modules & Components
- Building a Simple Federated App
- Running and Debugging Your Federated App Locally