The web component idea originally had something like 4 basic components.
- custom elements
- shadow DOM
- html imports ( now dead or at the very least 'resting' )
- html templates
I think it's important to note that you can build/use custom elements ( defining your own tags with encapsulated behaviour ) without having to use shadow DOM nor html templates.
So a simple way to start, in my view, is plain custom elements, mixed in with ES modules and import maps.
Shadow DOM and html templates are not compulsory to get your <custom-tag></custom-tag>
- custom elements - shadow DOM - html imports ( now dead or at the very least 'resting' ) - html templates
I think it's important to note that you can build/use custom elements ( defining your own tags with encapsulated behaviour ) without having to use shadow DOM nor html templates.
So a simple way to start, in my view, is plain custom elements, mixed in with ES modules and import maps.
Shadow DOM and html templates are not compulsory to get your <custom-tag></custom-tag>