https://github.com/psmyrdek/stencil-interop

Stencil interoperability examples
https://github.com/psmyrdek/stencil-interop

angular jquery stencil-components

Last synced: 26 days ago
JSON representation

Stencil interoperability examples

• Host: GitHub
• URL: https://github.com/psmyrdek/stencil-interop
• Owner: psmyrdek
• Created: 2019-10-01T15:49:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T10:16:59.000Z (about 2 years ago)
• Last Synced: 2024-10-28T12:39:20.316Z (2 months ago)
• Topics: angular, jquery, stencil-components
• Language: TypeScript
• Size: 8.36 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Stencil interop examples

Two basic examples of reusing Stencil-based web component in jQuery and Angular environments.

![](./media/promo.gif)

Demo app for Przeprogramowani.pl [YouTube channel](https://www.youtube.com/channel/UCb2Y3vMeD6N4WDt5Acw7Arw).

## Before you start

1. Build stencil components by opening `reusable-avatar` and running `npm install && npm run build`

2. Use npm link to add it to global registry - run `npm link` in `reusable-avatar` directory

3. For both `jquery-demo` and `angular-demo` execute `npm link reusable-avatar` to link stencil component

## How to run demo apps

1. Run `npm install && npm start` in jquery-demo to run jquery app and live-server hosting fake data

2. Run `npm install && npm start` in angular-demo to run angular app (make sure live-server is already started)