WebC ๐ ๏ธ๐ fosstodon.org/@eleventy
@webc_omponents
WebC is for single file web components. Not exclusive to @eleven_ty.
This account is dormant! Follow on:
๐ Mastodon fosstodon.org/@eleventy
ID: 1579878244437860355
https://github.com/11ty/webc 11-10-2022 16:55:35
57 Tweet
354 Followers
6 Following
Stephanie Eckles Zach Leatherman WebC ๐ ๏ธ๐ fosstodon.org/@eleventy and super worth noticing "decide based on the use case & context" is not something a compiler can do
Zach Leatherman Next.js Build Awesome (Eleventy) We are grateful for your work. We just brought on two new junior dev contractors trying to transition into web development. They are doing impactful work and gaining real experience / confidence by writing HTML / CSS in webc components. It allows them to concentrate...
Zach Leatherman Next.js Build Awesome (Eleventy) on digestible "chunks" of code which gives them less stress as beginners. 11ty and Webc are really positive for new developers. There is just too much to learn when you start so the freedom to "just" focus on HTML/CSS is a godsend and very helpful for our software shop too.
We're back on Tuesday! If you, like me, having been looking to dive into WebC ๐ ๏ธ๐ fosstodon.org/@eleventy, this one's for you! Join us as @darth_mall shows us how to bring single-file components to Build Awesome (Eleventy) with WebC! ๐ twitch.tv/SomeAnticsDev โฐ Tue Nov 1, 2pm CT ๐ calndr.link/event/cChLZ806โฆ
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 Build Awesome (Eleventy) project! ๐ x.com/SomeAnticsDev โฐ Tue Nov 1 at 2pm CT ๐ calndr.link/event/cChLZ806โฆ
โ ๏ธ Going live in half an hour! I'm super excited to dive into WebC ๐ ๏ธ๐ fosstodon.org/@eleventy with @darth_mall in half an hour! โฌ๏ธ Join us here at 2pm Central (or 3pm ET/12pm PT)! twitch.tv/SomeAnticsDev
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โฆ
๐ฌ โ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
Anything else? Zach Leatherman yells โweb componentsโ right before walking off stage ๐งก๐งก
At Jamstack Conf, Laurie Voss reports that the Jamstack Community Survey data reveals: Web Components have arrived ๐
๐ฅ Ready for another Twitter Spaces chat with our Lit team? Talk all things WebC ๐ ๏ธ๐ fosstodon.org/@eleventy, #OpenSource, and more with Elliott Marquez, Justin Fagnani & Build Awesome (Eleventy) Zach Leatherman. Mark your cals and reply to this thread with your questions! โ x.com/i/spaces/1MYxNโฆ
๐ ICYMI: We're hosting another Twitter Spaces event this week with our very own Elliott Marquez and Justin Fagnani and Build Awesome (Eleventy)โs Zach Leatherman to discuss WebC ๐ ๏ธ๐ fosstodon.org/@eleventy, #OpenSource, and more! Save the date and reply to this tweet with q's โ x.com/i/spaces/1MYxNโฆ
Created a WebC VSCode syntax highlighting extension. marketplace.visualstudio.com/items?itemNameโฆ Feedback welcome. WebC ๐ ๏ธ๐ fosstodon.org/@eleventy Build Awesome (Eleventy)
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-โฆ
Absolutely love playing with WebC ๐ ๏ธ๐ fosstodon.org/@eleventy! Thanks to Some Anticsโ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
