Web Component Bytes

Web Component tips by @lamplightdev. Writing a short & sweet summary of the week's #webcomponents news

[Web Component Bytes @wcbytes]

I'll still be looking for Web Component news big and small, and interesting projects that make use of WC so feel free to tweet or DM with anything you've been working on. Thanks!

[Web Component Bytes @wcbytes]

🥱

[Web Component Bytes @wcbytes]

@schizanon Seems to work? https://t.co/s5YPdd51HQ

[Web Component Bytes @wcbytes]

Very much looking forward to playing with this!

[Passle @passle_]

Almost there 😄 SWTL will be able to SSR custom elements. The customElementRenderer is pluggable, so it supports @buildWithLit , but could probably support @enhance_dev `CustomElement`s as well, or other custom element renderers

[Web Component Bytes @wcbytes]

👀

[Passle @passle_]

making progress 🙂

[Web Component Bytes @wcbytes]

I think this is great news. The core components will remain free and open source, but there's now a business model that will ensure the project gets the investment it needs and deserves to continue to be developed and maintained into the future! Happy to be a backer.

[Web Component Bytes @wcbytes]

What's the closest thing to Remix/Next for web components?

[Web Component Bytes @wcbytes]

@patrickjs I suppose you could do something similar with a server side web component - but is the attraction of RSC that this would also work as a client side component too?

[Web Component Bytes @wcbytes]

I've been playing with streaming Declarative Shadow DOM recently and it enables some pretty unique behaviour - e.g. https://t.co/TpcPHQJnFH - a completely JS free, backend agnostic way to deliver your page shell instantly and progressively load in slotted content as it's received

[Web Component Bytes @wcbytes]

@patrickjs Yeah, styling can be an issue, although I think there are discussions around enabling some kind of slot behaviour with light dom

[Web Component Bytes @wcbytes]

@patrickjs Well Firefox doesn't quite have support yet, and Safari has a higher threshold (~512bytes) before triggering streaming, but it does work after reaching that theshold.

[Web Component Bytes @wcbytes]

@patrickjs Finally got round to it! https://t.co/jB4UtL0dUE

[Web Component Bytes @wcbytes]

Did you know you can stream HTML out of order without any JavaScript at all?

A put a little blog post together explaining how: https://t.co/jB4UtL0dUE

See a demo: https://t.co/NvrfvSM4e6

Supported in Chrome and Safari, and in Firefox in a month or two.

[Web Component Bytes @wcbytes]

Great news! If Shoelace so far has been @claviska working on it as a side project, imagine what it will be like with his full time attention! 🚀 👟🚀

[Cory LaViska @claviska]

Time to talk about the future of Shoelace.

It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Components…

👇 cont'd

[Cory LaViska @claviska]

Time to talk about the future of Shoelace.

It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Components…

👇 cont'd

[Web Component Bytes @wcbytes]

👀

[Jonathan Neal @jon_neal]

Hey.. so I found a way to author Declarative ShadowDOM just once for a given element and then reuse that DSD any number of times without having to rewrite it, without any build tools, and without any JavaScript.

[Web Component Bytes @wcbytes]

@rauschma Here's an example of (streaming) DSD with and without the polyfill - it's tiny and works well https://t.co/Cpqxlgfg07

[Web Component Bytes @wcbytes]

I've been playing with streaming Declarative Shadow DOM recently and it enables some pretty unique behaviour - e.g. https://t.co/TpcPHQJnFH - a completely JS free, backend agnostic way to deliver your page shell instantly and progressively load in slotted content as it's received

[Web Component Bytes @wcbytes]

Stating the obvious maybe, but the tendency for some discussions concerning contrasting opinions on Web Dev Twitter to devolve into arguments, sometimes personal, is very off putting for a lot of people, whether or not you're personally involved.

[Web Component Bytes @wcbytes]

Lots of interesting food for thought here on component based architecture. To paraphrase, when all you have is a hammer everything looks like a nail. Looking forward to seeing ideas in this space breaking out of the current JS centric framework approach!

[Matthew Phillips @matthewcp]

Where Web Components Went Wrong (And How We Can Turn It Around)

https://t.co/fclma2mCqb

[Matthew Phillips @matthewcp]

Where Web Components Went Wrong (And How We Can Turn It Around)

https://t.co/fclma2mCqb

[Web Component Bytes @wcbytes]

HTML as the single source of truth?