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.
cd micro-fe-ng
npm i
npm start<ng-el></ng-el>cd micro-fe-react
npm i
npm start<react-el></react-el>cd micro-fe-wrapper
npm i
npm start