Small correction to a previous post. We don't use css-in-js. We use Lit's "styles" property.

It's definitely possible to get down to a single import. We just haven't focused on fixing it yet due to other priorities.

Also, this approach has the negative side effect of making our components heavy to use in isolation. We're okay with this trade-off since we never use a component on its own.

Yes. Our setup is a bit complex and we know there's some room for improvement. We have one stylesheet that we load for both the light DOM (<link>) and our shadow roots (css-in-js). Downside: we fetch CSS twice. Upside: the module system effectively dedupes the component version across all of them.

I really need to write an r/RedditEng blog post about it! I'm happy to answer any questions you may have though.

Our design system consists of both HTML template functions for server-side templates as well as Lit components for client-side usage. We'd like to move to using components entirely if Lit SSR works out for us. We use tailwind utility classes for CSS and disallow generally custom CSS.

Our backend uses a custom in-house built rendering engine that's very similar to Lit HTML (almost 100% API compatible). We're currently investigating moving to @lit-labs/ssr though.

1. We primarily use Lit, but we also have a handful of small, very simple components that are vanilla JS on top of the native browser APIs.

2. It's complicated 😂. Our architecture is server driven rendering using plain HTML as much as possible. We then layer in web components for richness.

Hello!

Haha, I'm considering it. I don't have a lot of free time these days though.

Alright! This fix has rolled back out again as of last night! Both the double audio bug and low/incorrect thumbnail quality bug for Reddit videos should be fixed now. Thanks for following along!

Alright! This fix has rolled back out again as of last night! Both the double audio bug and low/incorrect thumbnail quality bug for Reddit videos should be fixed now. Thanks for following along!

This! And along a similar vein, you don't always (ever?) need a client-side router. I love pointing out to folks that Stack Overflow (a large site with heavy traffic) is completely server rendered and you generally don't notice because it's so damn fast. Also we have the View Transition API now!

it exists! arewebcomponentsathingyet.com

I wonder if it would be impactful to list out more info, like which products are using web components and what library/framework they are using. Maybe how they're being used at each of these companies.

Example...

Company: Reddit
Product: reddit.com
Tools: Lit, Vanilla

You know what? I think I knew about this site and forgot it existed! Thanks for sharing!

For sure! A comprehensive list that anyone can add to, with a spotlight on the "big name brand" companies that use it would be a great marketing tool for the community.

We need a "Who's using web components" site to counter all of the "Nobody uses web components" folks. Something we can just link to everytime someone says it.

Big name companies off the top of my head: Adobe, Blizzard, Cisco, GitHub, Google, IBM, ING, Microsoft, Mozilla, Red Hat, Reddit, VMWare

We need a "Who's using web components" site to counter all of the "Nobody uses web components" folks. Something we can just link to everytime someone says it.

Big name companies off the top of my head: Adobe, Blizzard, Cisco, GitHub, Google, IBM, ING, Microsoft, Mozilla, Red Hat, Reddit, VMWare

Then we can have a file that converts the single-letter variable names to more readable versions for debugging. A mapping file of some sort maybe?