Skip to content

DRY! Upgrade Your Vanilla JavaScript to Web Components (Still Vanilla!)

Thumbnail of exclusive video DRY! Upgrade Your Vanilla JavaScript to Web Components (Still Vanilla!)

Using the web components spec to encapsulate reusable DOM-related functionality is a great way to DRY up (Don’t Repeat Yourself) your codebase, sequester external dependencies in a single location, leverage styling APIs composed out of with CSS variables and shadow DOM, and so much more. Bonus: web components can still be “vanilla” and work literally everywhere with no additional libraries or build tools!

Want to join a fabulous community of web developers learning how to use “vanilla” web specs like HTTP, HTML, CSS, JavaScript, & Web Components—plus no-nonsense libraries & tools which promote developer happiness and avoid vendor lock-in?

Join The Spicy Web Discord

It’s entirely free! And when you're ready for more, our courses are here to take you even deeper down the rabbit hole. Truly, vanilla has never tasted so hot.