Web Component Fundamentals

Welcome to my first overview series where we will be looking into everything that is Web Components. What are they, Why would you use them and most importantly. How do I make them.

This series will focus on helping you understand web components while building out the start of a UI framework that you can use in any project on any Javascript Framework.

💡
This guide is still in development. If you have feedback on any of the posts please leave a comment. 

Table of contents:

  1. What are web components
  2. Templating
  3. Registering Custom Elements
  4. Shadow Dom
  5. Shadow Dom Pointers and Events
  6. Shadow Dom Styling