Can you customize Web Components without a framework!?

Рет қаралды 1,011

Күн бұрын

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

Пікірлер: 11

@CristianKirk 5 күн бұрын

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 5 күн бұрын

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

@pl4gueis 6 күн бұрын

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

@dirtdart81 12 күн бұрын

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 11 күн бұрын

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

@terhuneb 12 күн бұрын

Thank you for mentioning an ES Module implementation too.

@gomakethings 11 күн бұрын

You're welcome!

@cmilne10 12 күн бұрын

great series. Informative and simple

@gomakethings 11 күн бұрын

Cheers!

@sonnyl2915 12 күн бұрын

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 11 күн бұрын

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!