WebC 🛠️🐘 fosstodon.org/@eleventy

WebC is for single file web components. Not exclusive to @eleven_ty.

This account is dormant! Follow on:
🐘 Mastodon

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

For *reasons* this account is considered officially dormant!

Please consider joining Eleventy on:

1️⃣ 🐘 Mastodon
https://t.co/dfGcxq4rbZ
2️⃣ ▶️ YouTube https://t.co/XK9XiW36QE
3️⃣ 💬 Discord https://t.co/kITYDrvJ9j
4️⃣ 📦 GitHub https://t.co/5eS4qb9xvh

Thanks everyone!

[Mike-麥-Mai-v1.618 @mikemai2awesome]

Absolutely love playing with @WebC_omponents! Thanks to @SomeAnticsDev’s Twitch stream, I learned so much. Decided to build some components on my own.

See more components in the repo: https://t.co/KuO92KxK6S

#designsystems #WebComponents #minimalism

[Build Awesome (Eleventy) @eleven_ty]

New plugin release:

Eleventy WebC v0.7.0 with Breaking 🚨 Changes

1️⃣ Change @​html="content" to @​raw="content" in your Eleventy Layout files to avoid double-processing
2️⃣ Adds a default `components` glob

Check out the release notes for more info: https://t.co/YuKP3sdIAO

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

WebC 🛠 v0.7.1

���� @​raw
↔️ webc:if
📜 webc:type="js"

Release notes: https://t.co/aJtkvwQ0KG

[Darrell Wilkins @dwkns]

Created a WebC VSCode syntax highlighting extension.
https://t.co/W0MXJvanxk
Feedback welcome.
@WebC_omponents @eleven_ty

[Lit @buildWithLit]

📆 ICYMI: We're hosting another Twitter Spaces event this week with our very own @techytacos and @justinfagnani and @eleven_ty’s @zachleat to discuss @WebC_omponents, #OpenSource, and more!

Save the date and reply to this tweet with q's ↓ https://t.co/J6lFphEAIp

[Lit @buildWithLit]

🔥 Ready for another Twitter Spaces chat with our Lit team?

Talk all things @WebC_omponents, #OpenSource, and more with @techytacos, @justinfagnani & @eleven_ty @zachleat.

Mark your cals and reply to this thread with your questions! ↓ https://t.co/ZPhMCw6dmi

[Build Awesome (Eleventy) @eleven_ty]

At @jamstackconf, @seldo reports that the Jamstack Community Survey data reveals: Web Components have arrived 🏆

[Mux @MuxHQ]

Anything else?

@zachleat yells “web components” right before walking off stage

🧡🧡

[Lit @buildWithLit]

💬 “Web components are part of the web. They are good for the web. We should be rooting for them.”

Design system consultant and web designer @brad_frost talks all things #webcomponents in his latest blog ↓

https://t.co/rKSlgJMgf6

[Build Awesome (Eleventy) @eleven_ty]

This WebC release unlocks the very first official Eleventy WebC component:

<syntax-highlight> (and new WebC examples on https://t.co/TSP4Wmw7TG)

(Most useful to devs whose bosses *aren’t* asking you to print your source code to paper)

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

WebC v0.6.2 🛠🎈

📦 Even more terse webc:import from npm
🐞 A bug fix for void elements and render functions

Enjoy!

https://t.co/NCSPucGRG8

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

@WickyNilliams Yeah! I think we’ll probably add a `webc:type="module"` type to do that. Filed it here: https://t.co/mEoVagg3I3

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

WebC v0.6.0 🆕🛠🥳

1️⃣ Import from `node_modules` using `npm:` e.g. webc:import="npm:my_module/component"
2️⃣ Adds `@​text` for escaped content
3️⃣ Support webc:scoped on <link>
4️⃣ Access default slot as text in render functions

(and more!)

Release notes: https://t.co/nQ0UdYGwZZ

[Some Antics @SomeAnticsDev]

⚠️ Going live in half an hour!

I'm super excited to dive into @WebC_omponents with @darth_mall in half an hour!

⬇️ Join us here at 2pm Central (or 3pm ET/12pm PT)!
https://t.co/ybIFJlXhny

[Some Antics @SomeAnticsDev]

Tomorrow, we're diving into WebC, an HTML compiler for #WebComponents. Join us as @darth_mall shows us how we can use WebC to bring a single-file component developer experience to an @eleven_ty project!

📍 https://t.co/CbEiLtger3
⏰ Tue Nov 1 at 2pm CT
📅 https://t.co/9vVa8HdspE

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

@levimcg @eleven_ty Yeah no worries at all! I’ll keep watching to see how that affects your test case there—let me know how it goes!

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

@levimcg @eleven_ty I would also expect `<h2 @​html="this.heading">` to override any child content, hopefully that makes sense to you too!

[WebC 🛠️🐘 fosstodon.org/@eleventy @WebC_omponents]

@levimcg @eleven_ty I would not have expected `<list-component heading="someData"></list-component>` to work!

You’d need a colon to make it a dynamic attribute `<list-component :heading="someData"></list-component>`

[Levi McGranahan @levimcg]

I got a chance to tinker around with the @eleven_ty WebC plugin yesterday. There's a ton more to dig into, but I decided to write up my notes as a post. 11ty is already great and WebC feels like a huge upgrade. 😍 https://t.co/wvxIDXRsO8