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

    111 articles • 390,162 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. Web Components 101: 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. Web Components 101: 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. Web Components 101: 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. Web Components 101: 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?