https://github.com/roberto/my-micro-frontends-playground
Demo using WebComponents to compose micro frontends.
https://github.com/roberto/my-micro-frontends-playground
micro-frontends react stenciljs webcomponents
Last synced: 9 months ago
JSON representation
Demo using WebComponents to compose micro frontends.
- Host: GitHub
- URL: https://github.com/roberto/my-micro-frontends-playground
- Owner: roberto
- Created: 2018-06-11T13:04:35.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-17T17:53:48.000Z (almost 8 years ago)
- Last Synced: 2025-04-30T04:36:10.151Z (about 1 year ago)
- Topics: micro-frontends, react, stenciljs, webcomponents
- Language: JavaScript
- Homepage:
- Size: 304 KB
- Stars: 7
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Micro Frontend Playground
Demo using WebComponents to compose apps.
## Running
* `npm install` - run `npm install` for the root folder and each subproject too.
* `npm start` - run `npm start` for each subproject.
## Port by app
* 7000 - cinema app
* 7002 - bff (stubby)
* 7001 - Stenciljs demo
* 7003 - Candy Store app - React wrapped as WebComponent
* 7004 - WebComponent demo
* 7005 - Book seat app - Backbone.Marionette wrapped as webComponent
## Troubleshooting
* [stencil dev server does not allow CORS](https://github.com/ionic-team/stencil-dev-server/pull/27),
try to use a extension like
[CORS Toggle](https://chrome.google.com/webstore/detail/cors-toggle/jioikioepegflmdnbocfhgmpmopmjkim)
* embed react app as web component should not be running in dev mode, issues
with webpack in this scenario.