Can you customize Web Components without a framework!?

Source code: gist.github.com/cferdinandi/9...
Work on fun projects like this at the Lean Web Club. Sign up for free at leanwebclub.com.
Hate the complexity of modern front‑end web development? I teach people a simpler, faster way to build for the web. Get free Daily Developer Tips at gomakethings.com.
⏳ Timestamps
00:00 - Intro
01:30 - Lean Web Club
02:05 - Customizing a Web Component
25:27 - Conclusion

[@CristianKirk]

Thanks a lot. This series is being very useful and it's hard to believe there are no more channels teaching about web components..

[@damvaz]

Great content!!! Ideas for new contents? What about "making a new simple design system" (framework agnostic) using web componentes and css best practices?

[@pl4gueis]

Great series. How would I go about writing tests for these web components?

[@cmilne10]

great series. Informative and simple

[@gomakethings]

Cheers!

[@dirtdart81]

Really enjoying this series! I'm not new to programming, but new to web/js and it is an interesting time to be learning. As flavor of the week frameworks go in and out, this kind of 'back-to-basics' feels timely. Thanks for the videos!

[@gomakethings]

You're welcome! If you have any questions along the way, feel free to ask!

[@terhuneb]

Thank you for mentioning an ES Module implementation too.

[@gomakethings]

You're welcome!

[@sonnyl2915]

Luv it! Question: I've got troubled running into swapping elements issue. How do you have all the elements within the web-component readily in order for execution by the DOM? Sometimes in the console window said undefined or not found?

[@gomakethings]

I wrote a little bit about this a few weeks ago: gomakethings.com/the-different-ways-to-instantiate-a-web-component/ If you have a specific example in a code pen or GitHub repo you'd like me to look at, though, that works too!