Web Component Bytes @wcbytes

Web Component tips by @lamplightdev. Writing a short & sweet summary of the week's #webcomponents news https://t.co/PeIQLfuLWJ @[email protected] UK Joined August 2020

Tweets

225
Followers

798
Following

607
Likes

401

Web Component Bytes @wcbytes

2 years ago

@schizanon Seems to work? codepen.io/lamplightdev/p…

1 0 0 28 0

View Details

Web Component Bytes @wcbytes

2 years ago

Very much looking forward to playing with this!

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

4 0 15 2K 2

0 0 4 416 0

View Details

Web Component Bytes @wcbytes

2 years ago

👀

Passle @passle_

2 years ago

making progress 🙂

0 0 5 1K 0

0 0 1 332 0

View Details

Web Component Bytes @wcbytes

2 years ago

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.

0 0 8 447 1

View Details

Web Component Bytes @wcbytes

2 years ago

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

0 0 2 263 0

View Details

Web Component Bytes @wcbytes

2 years ago

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

1 0 2 51 0

View Details

Web Component Bytes @wcbytes

4 years ago

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

5 17 113 0 45

View Details

Web Component Bytes @wcbytes

2 years ago

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

1 0 2 44 0

View Details

Web Component Bytes @wcbytes

2 years ago

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

1 0 2 60 0

View Details

Web Component Bytes @wcbytes

2 years ago

@patrickjs Finally got round to it! lamplightdev.com/blog/2024/01/1…

1 0 4 1K 1

View Details

Web Component Bytes @wcbytes

2 years ago

Did you know you can stream HTML out of order without any JavaScript at all? A put a little blog post together explaining how: lamplightdev.com/blog/2024/01/1… See a demo: ooo.lamplightdev.workers.dev Supported in Chrome and Safari, and in Firefox in a month or two.

2 9 27 3K 13

View Details

Web Component Bytes @wcbytes

4 years ago

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

4 years ago

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

28 32 209 0 10

0 0 7 0 0

View Details

Cory LaViska @claviska

4 years ago

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

28 32 209 0 10

View Details

Web Component Bytes @wcbytes

4 years ago

👀

Jonathan Neal @jon_neal

4 years ago

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.

8 0 30 0 7

0 0 1 0 0

View Details

Web Component Bytes @wcbytes

4 years ago

@rauschma Here's an example of (streaming) DSD with and without the polyfill - it's tiny and works well

Web Component Bytes @wcbytes

4 years ago

5 17 113 0 45

0 1 3 0 1

View Details

Web Component Bytes @wcbytes

4 years ago

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.

0 0 2 0 0

View Details

Web Component Bytes @wcbytes

4 years ago

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!