https://github.com/shankscript/microfe
Micro Frontends using WebComponents
https://github.com/shankscript/microfe
Last synced: 12 months ago
JSON representation
Micro Frontends using WebComponents
- Host: GitHub
- URL: https://github.com/shankscript/microfe
- Owner: shankscript
- Created: 2019-06-17T14:05:03.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-06-17T16:26:14.000Z (over 6 years ago)
- Last Synced: 2025-01-06T16:53:14.398Z (about 1 year ago)
- Language: TypeScript
- Size: 283 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# microfe
Micro Frontends using WebComponents
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.
## Build and serve Angular component
```sh
cd micro-fe-ng
npm i
npm start
```
[http://localhost:5001/main.js](http://localhost:5001/main.js)
```html
```
## Build and serve React component
```sh
cd micro-fe-react
npm i
npm start
```
[http://localhost:5002](http://localhost:5002)
```html
```
## Build and serve wrapper
```sh
cd micro-fe-wrapper
npm i
npm start
```
[http://localhost:5000](http://localhost:5000)