The post introduces web components and explores the basics and lingo associated with them. It also discusses the developer experience of creating web components and highlights the use of the Lit library for easier development. Recommended reads and resources are provided for further learning.

Table of contents
A two-part post on web componentsWhat are web components?Let’s start with the lingo: Custom ElementsLight and Shadow DOMThe developer experience of web componentsLit: Using a library to help create web componentsFinal thoughts and demoSort: