Commands

• npm install -ws

Start all (dev):

• npm run start -w=ds
• npm run start -w=mfe
• npm run start -w=app

Build and serve locally:

• npm run build
• npm run serve

Overview

Architecture

Packages:

• app is the host application, that references a remote component published by mfe
• api provides a shared state used by app and mfe, as a shared singleton
• mfe: micro frontend, exposes a remote component consumed by app
• ds: design-system, exposes standard components for consumption by other UI packages

Demo

https://js-microfrontend-app.netlify.app/

References

• module-federation-examples/complete-react-case.
• module-federation-examples/shared-context (not a singleton)