Micro front-end implementation using Webpack 5 Module Federation

This example shows how you can create a component library application that exposes components for other apps to use.

• app1 and app2 are standalone applications that exposes its App file for reuse.
• app3 is the master Application that consumes both app1 and app2

Running Demo

Run npm install and npm start inside each repo respectively. This will build and serve your apps on ports 3001, 3002 and 3003

• localhost:3001
• localhost:3002
• localhost:3003

Example referenced from article link explaining this project

Key points

• Micro front-end
• Webpack 5 Module Federation
• React hooks
• React lazy loading
• Parent to child communication || Child to parent communication