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!
DRY! Upgrade Your Vanilla JavaScript to Web Components (Still Vanilla!)
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?
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.