Micro-frontends with Web Components
Using web components as a wrapper for both Angular and React components, I am going to show them working alongside each other in a single application. I will also pass data to both components from the parent container, and back again.
Follow the instructions below to build and serve micro-frontend components for Angular and React, and a wrapper application to compose them together and handle communication between them.
For a full walk-through visit Create Micro-frontends using Web Components with support for Angular and React.
Build and serve Angular component
cd micro-fe-ng npm i npm start
Build and serve React component
cd micro-fe-react npm i npm start
Build and serve wrapper
cd micro-fe-wrapper npm i npm start