/react-typescript-module-federation

Primary LanguageJavaScript

Webpack 5 Module Federation with React/Typescript

Workflow This project shows a container application loading remote components

Workflow:

  • app1 expose CounterAppOne component.
  • app2 expose CounterAppTwo header component.
  • container import CounterAppOne and CounterAppTwo component.

Running Demo

Run yarn build and yarn start to run Lerna commands. This will Container, App-1, App-2 build and serve your apps on ports 3000, 3001, 3002 respectively.

Live example from: http://ogz-microfrontend-container.s3-website.eu-central-1.amazonaws.com/