WebC 🛠️🐘 fosstodon.org/@eleventy

For *reasons* this account is considered officially dormant! Please consider joining Eleventy on: 1️⃣ 🐘 Mastodon @eleventy" target="_blank" rel="nofollow noopener">fosstodon.org/@eleventy 2️⃣ ▶️ YouTube @EleventyVideo" target="_blank" rel="nofollow noopener">youtube.com/@EleventyVideo 3️⃣ 💬 Discord 11ty.dev/blog/discord/ 4️⃣ 📦 GitHub github.com/11ty/ Thanks everyone!

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: github.com/mikemai2awesom… #designsystems #WebComponents #minimalism

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: github.com/11ty/eleventy-…

WebC 🛠 v0.7.1 🥩 @​raw ↔️ webc:if 📜 webc:type="js" Release notes: github.com/11ty/webc/rele…

Created a WebC VSCode syntax highlighting extension. marketplace.visualstudio.com/items?itemName… Feedback welcome. @WebC_omponents @eleven_ty

📆 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 ↓ twitter.com/i/spaces/1MYxN…

🔥 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! ↓ twitter.com/i/spaces/1MYxN…

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

Anything else? @zachleat yells “web components” right before walking off stage 🧡🧡

💬 “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 ↓ goo.gle/3Nt2MeA

This WebC release unlocks the very first official Eleventy WebC component: <syntax-highlight> (and new WebC examples on 11ty.dev/docs/plugins/s…) (Most useful to devs whose bosses *aren’t* asking you to print your source code to paper)

WebC v0.6.2 🛠🎈 📦 Even more terse webc:import from npm 🐞 A bug fix for void elements and render functions Enjoy! github.com/11ty/webc/rele…

@WickyNilliams Yeah! I think we’ll probably add a `webc:type="module"` type to do that. Filed it here: github.com/11ty/webc/issu…

@WebC_omponents Cool! Is it not possible to support import statements (vs require) for render functions? Assuming this is a node limitation? I remember seeing some experimental features for es modules and the vm module that were behind a flag

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: github.com/11ty/webc/rele…

⚠️ 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)! twitch.tv/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! 📍 twitter.com/SomeAnticsDev ⏰ Tue Nov 1 at 2pm CT 📅 calndr.link/event/cChLZ806…

@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_omponents @eleven_ty Awesome, thank you for the reply! I wasn’t even thinking about the colon/dynamic attribute 🙃. I’ll dig into that next. I’m a super sloppy note taker so I may have got some stuff mixed up. I’ll go back and confirm. Thanks for the tips!

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. 😍 levimcg.com/blog/my-notes-…

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

@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>`