WebComponents Scaffolding

Start to work with WebComponents. Everything that you need is ready to use.

Launch the application

$ npm install
$ npm start

Release in Production

$ npm run prod

Tech Stack

Libraries

• @webcomponents/webcomponentsjs
• core-js

Tools

• Webpack
• Babel
• Eslint

Browsers support

• Chrome
• Firefox
• Safari
• Edge
• IE11

Polyfills

If the broswer doesn't support webcomponents, custom elements or es6 features like fetch and includes the polyfill script will add at runtime. Below you can find the features supported:

• Generics

  • Symbol
  • fetch
  • customElements
  • CustomEvents
  • Async / Await
  • InstersectionObserver

• Arrays

  • entries
  • from
  • find
  • findIndex
  • includes
  • keys
  • values

• Objects

  • assign
  • entries
  • values

• Strings

  • endsWith
  • includes
  • startsWith

Todo

• Setup Unit Testing
• Setup E2E Testing

Keep calm and code!