What is HTML5 WEB-COMPONENTS aka custom components.
Custom components is a combination of several standards from the HTML standards.
- HTML templates: The
<slot>elements enable you to write markup templates that are not displayed in the rendered page. These can then be reused multiple times as the basis of a custom element’s structure.
The thing with web-components is that they can be reused across, sites and installations by referencing the js script.
One way of using them is thinking of each component as a autonomous part/app that will not mess up anything else on the page.
You can can style things inside the a custom-element by using
Communication between custom-elements can be done using events, setting attrubutes or calling functions on the element.
This component can be used together with anything else as long as it runs in a browser.
I have created a “super simple” demo component that counts up a number in random time and increment.
Creating a global-pushup-counter custom component using lit-element and lit-html.
A new kind of bundler, written in GO to achieve extreme speed.
We are claiming three badges for this:
- High 5
- Client side salsa