This simulates react with micro frontend implementation. The idea is to mount different apps in one "Container App", which seamlessly merges two react applications together in one single application to avoid becoming a monolith.
styled-components/macro is recommended to be used in each of the application to avoid styling conflicts. Global styling is only recommended in the container.
This has not been tested in any production environment.
This requires docker to run, make sure that ports 3000, 3001 and 3002 are free.
- Build app one:
cd app-onethenyarn install && yarn build - Build app two:
cd app-twothenyarn install && yarn build - Build Container:
cd containerthenyarn install && yarn build - Run docker-compose in the project roon
docker-compose up -d
browse: http://localhost:3000