Need help with micro-frontends-with-web-components?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

chriskitson
153 Stars 66 Forks 11 Commits 12 Opened issues

Services available

!
?

Need anything else?

Contributors list

No Data

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


Build and serve React component

cd micro-fe-react
npm i
npm start

http://localhost:5002


Build and serve wrapper

cd micro-fe-wrapper
npm i
npm start

http://localhost:5000

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.