Skip to content

jinyoung/micro-frontends-with-web-components

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 32.4%
  • HTML 29.9%
  • JavaScript 22.1%
  • Vue 15.3%
  • SCSS 0.3%