Webpack 5 Module Federation with React/Typescript

This project consist of three pieces: a host app container and two remotes app1 app2.

• app1 exposes CounterAppOne component.
• app2 exposes CounterAppTwo header component.
• container imports CounterAppOne and CounterAppTwo components.

Running the Demo

npx lerna bootstrap
npm start

Lerna will start all 3 projects.

• http://localhost:3000/ (container)
• http://localhost:3001/ (app1)
• http://localhost:3002/ (app2)

Tech Stack

React, Typescript, Chakra UI, Webpack, Lerna, React Router