https://github.com/psmyrdek/webcomponents-interop-examples
Examples of interoperability capability of Web Components
https://github.com/psmyrdek/webcomponents-interop-examples
angular custom-elements react vue webcomponents
Last synced: 3 months ago
JSON representation
Examples of interoperability capability of Web Components
- Host: GitHub
- URL: https://github.com/psmyrdek/webcomponents-interop-examples
- Owner: psmyrdek
- License: mit
- Created: 2018-09-03T16:00:41.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-29T10:15:20.000Z (over 7 years ago)
- Last Synced: 2025-01-22T17:45:25.882Z (about 1 year ago)
- Topics: angular, custom-elements, react, vue, webcomponents
- Language: TypeScript
- Size: 439 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# webcomponents-interop-examples
Examples of interoperability capability of Web Components
## What is that?
This is a project containing examples of interop capabilities of Web Components. Inside of `web-components` directory you can find few different components whereas in `projects` directory you can find apps based on various frameworks using those components internally.
## Setup
Run `npm run setup` to setup everything, then run `npm run start:all` to start all the apps in parallel.
You can also execute individual scripts to run only one app at once:
* `npm run start:react` - to run React-based app
* `npm run start:angular` - to run Angular-based app
* `npm run start:vue` - to run Vue-based app
## Where to find those apps
* React app - http://localhost:9000/
* Angular app - http://localhost:4200/
* Vue app - http://localhost:8080/
* Web Components Demos - http://localhost:8090/
## Resources
* https://developers.google.com/web/fundamentals/web-components/customelements
* https://developer.mozilla.org/en-US/docs/Web/Web_Components