rfranr/webcomponents

WebComponents Test

This is basic template to learn how develop a WebComponent.

Requeriments, compatible with IE11, Edge, Chrome and mobile brosers.

Demo:

    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
  

Development:

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/

Thanks to:

• 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