Micro-frontend architecture can be defined as an architectural style where independently deliverable frontend applications are composed into a greater whole
1️⃣ Install
pnpm i
2️⃣ Enjoy
pnpm start
The example includes the following components:
flowchart TD
S(Shell):::strokeWidth -- Shares --> D("Dependencies"):::strokeWidth
S -- Orchestrates --> ML("@micro-frontend/authentication"):::strokeWidth
S -- Orchestrates --> MD("@micro-frontend/classifieds"):::strokeWidth
ML -- Uses --> D
MD -- Uses --> D
style S fill:#ffe5ec,stroke:#ff8fab
style D fill:#daf2d7,stroke:#90cf8e
classDef strokeWidth stroke-width:3px
The full documentation is available here.