Interactive Progressively-enhanced Web Components with WebC

In the WebC Crash Course video we covered the use of HTML components (with a little bit of CSS) • Crash Course in Eleven...
In this video, we will go over how to create a WebC Web Component with clientside interactivity!
Read more on the Eleventy WebC plugin docs github.com/11t...
Read more about WebC syntax github.com/11t...
Unsplash thumbnail by Robin Glauser unsplash.com/p...

[@HugeApk]

11ty is just awesome!

[@ericturner2477]

Is there any way to use SASS for the styles of a webc component?

[@lespruszynski]

Thank you for great series on WebC. Looking forward to more.
You switched from the manual web compilation of .webc files in the first episode to the automatic one here (Watching... etc). Would be great if you explained your setup?

[@EleventyVideo]

It comes for free with the Eleventy plugin with the --serve argument!

[@EleventyVideo]

Eleventy serve mode www.11ty.dev/docs/watch-serve/ works with --incremental too www.11ty.dev/docs/usage/#incremental-for-partial-incremental-builds

[@lucasneumanndeantonio9727]

Thanks for the tutorial! I dont get how your instances are isolated from each other. Is eleventy doing anything in the background to scope them?

[@EleventyVideo]

Notably, the bug in this video that requires String values for `@html` and dynamic attributes has been fixed in WebC 0.4.5! You can use `` and `` now: github.com/11ty/webc/releases/tag/v0.4.5

[@ostux]

I saw this and imediatelly jump on it to try it. It is amaizing. And I definitely use it as soon I figure out how to add scss to the style instead of pure css. edit: I figured out :D

[@Yash_27]

What you play nice tutoet league on?

[@mishovarsimashvili6884]

very informative, I tNice tutorialnk you raised a lot of softians

[@Phanboy]

if you're already using svelte, does it make sense to use webc too since it already compiles into web components?

[@EleventyVideo]

If you’re using Svelte in Eleventy already, that’s a great option!

[@goodsesh9673]

Thank you man, you helped me a lot, great video. (No viruses even after installing the program on the computer, antivirus 360 total. So gentlemen readers, thanks to the author)

[@karutoosama8827]

merci beaucoup a toi :))

[@zedgylegend8842]

U BEST!!!

[@renandasilvasouzadias2919]

For once, the software is actually really useful

[@mirzakerim9753]

ONG

[@harmanjotsingh5904]

Too Stoned to understand