Web Components 101

Learn the history of web components, alongside how to use them with both Lit and Vanilla JavaScript.

This is a series about web components. I did the most research I could on topic and I hope you enjoy it as much as I did to write about it!

Worth mentioning that I wrote on behalf of and while under the employment of CoderPad and I'd love to thank them for allowing me to spend time on this.

Read now

  • Corbin Crutchley

    98 articles • 296,175 words

    View profile
    Corbin is a staff software engineer with a passion for helping others. 💜 They're focused on ensuring that learning is open and fun. 🦄 They blog, livestream, code, and more to reach those goals to help others! 💅

Chapter listing

  1. History

    Web components have had a long history to get where they are today. Let's look back to see where they came from & their immense growth!

  2. Vanilla JS

    One of the ways web components differs from a framework is that it works right in the browser. Here's how to build them from scratch.

  3. Lit Framework

    Google pushed for web components, sure, but they didn't stop there. They also went on to make an amazing framework to help build them: Lit!

  4. Framework Comparison

    While web components can be used standalone, they're paired best with a framework. With that in mind, which is the best and why?