This is basic template to learn how develop a WebComponent.
Requeriments, compatible with IE11, Edge, Chrome and mobile brosers.
https://rfranr-webcomponents.herokuapp.com/
-
Development npm install http-server -g
https://stackoverflow.com/questions/6084360/using-node-js-as-a-simple-web-server
npm install -g live-server
live-server
Start the development server with:
./start_dev.sh_
Must have installed:
live-server
Build https://medium.com/@SunnyB/how-to-convert-es6-into-es5-using-babel-1b533d31a169 npm install -D babel-cli
Stagging https://rfranr-webcomponents.herokuapp.com/
-
Dependencies
Catalyst https://github.com/github/catalyst WebComponents https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/ https://github.com/WebReflection/uhtml https://lit.dev/ https://webreflection.medium.com/lit-html-vs-hyperhtml-vs-lighterhtml-c084abfe1285 https://mithril.js.org/index.html
https://kinsta.com/blog/web-components/ https://developer.mozilla.org/es/docs/Web/API/HTMLElement
Atributes vs Properties
https://alligator.io/web-components/attributes-properties/
Patterns https://doc.qt.io/qt-5/statemachine-api.html
LSP-typescript: https://github.com/sublimelsp/LSP-typescript
-
Polyfills npm install --save @webcomponents/webcomponentsjs