Arendus
Mis on Web Components
Korduvkasutatavate UI komponentide standard
Web Components on veebistandardite komplekt kapseldatud funktsionaalsusega korduvkasutatavate kohandatud HTML-elementide loomiseks.
Põhitehnoloogiad
- Custom Elements — kohandatud HTML-siltide loomine
- Shadow DOM — stiilide ja märgistuse kapseldamine
- HTML Templates — korduvkasutatavad mallid
- ES Modules — modulaarne komponentide laadimine
Eelised
- Töötavad ilma raamistiketa
- Ühilduvad kõigi brauseritega
- Stiilide kapseldamine
- Korduvkasutatav projektide vahel
Näide
class MyButton extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: 'open' });
}
}
customElements.define('my-button', MyButton);
Teegid
- Lit (Google)
- Stencil (Ionic)
- FAST (Microsoft)