In a previous episode, we looked at how we can use the Template element to reuse a block of HTML. Now, let’s take that a step further and use a few other native browser technologies (Shadow DOM, Custom Elements, and Slots) to build a Web Component.

Shadow DOM - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Custom Elements - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
Templates and Slots - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots

Previous Episode: https://www.youtube.com/watch?v=jeBjW-TCCx4&t=2s