• Registrare il custom element con il metodo CustomElementRegistry.define() indicando il nome dell’elemento e la classe. È anche possibile indicare un tag nativo dal quale ereditare. • Eseguire, se lo si ritiene opportuno, l’attach dello Shadow DOM usando il metodo Element.attachShadow(). È possibile aggiungere child elements, event listeners, etc., allo Shadow DOM utilizzando i comuni DOM methods. • Definire eventuali template e slot. È possibile clonare i templates e farne l’attach allo Shadow DOM utilizzando i comuni DOM methods. • Utilizza il custom element dove vuoi! Web Components Poiché il supporto di Custom Element e ES2015 potrebbe non essere disponibile in tutti i browser, è possible utilizzare alcuni polyfill per supportare i browser più vecchi e il codice ES5. Web Components & Angular Francesco Sciuti @ WordCamp Catania 2019 https://www.francescosciuti.it