Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Pull request Compare This branch is 1 commit behind chriskitson:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
micro-fe-ng
micro-fe-react
micro-fe-wrapper
README.md

README.md

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

http://localhost:5001/main.js

<ng-el></ng-el>

Build and serve React component

cd micro-fe-react
npm i
npm start

http://localhost:5002

<react-el></react-el>

Build and serve wrapper

cd micro-fe-wrapper
npm i
npm start

http://localhost:5000

You can’t perform that action at this time.