In today’s tutorial, we’re going to teach you the fundamentals of Web Components by building a <name-tag> component step by step!
First, we have to learn the rules. Then, we’re going to set up our development environment.
Next, we’ll define a new HTML element, going to learn how to pass attributes, create and use the Shadow DOM, and use HTML templates.
Continue reading on https://nhswd.com/blog/web-components-101-tutorial-how-to-create-a-web-component