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!

Nothing has so clearly shown how much the US is an "empire in decline" than what I just watched.

Time for the EU to fill the vacuum that the US is creating. Anything less means continental dominance by China & Russia.

The US was isolationist during WW1/2. We're repeating that historical mistake.

Must resist the urge to feed the troll(s)...

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

It feels like the Lit ecosystem is still missing a well maintained server framework. There used to be an Astro plugin, but support for it was dropped last year. Something in the same vein, with all the modern bells and whistles, would be a nice next step for the community.

Building Custom Elements With a Library The reason I use Lit instead of vanilla custom elements.

"I've been down that road before. I built my own library to author web components. Declarative templates, reactive data, lifecycle hooks — all the shiny things that make building components fun…I spent more time working on the library than the components."

www.abeautifulsite.net/posts/buildi...

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

Cool, Blizzards design system is custom elements built with @lit.dev

FBI Warns iPhone And Android Users—Stop Sending Texts U.S. officials urge citizens to use encrypted messaging and calls wherever they can—here’s what you need to know.

Friendly reminder that text messages are insecure and you should be using something with end-to-end encryption like Signal (the best option imo), WhatsApp, or Facebook Messenger instead!

ICYMI: www.forbes.com/sites/zakdof...

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?

Ah I missed the follow-up! Good stuff!

Everyone is different! Just gotta make sure the team's process works for everyone.

Yep! A lot of "Why are we paying 2 devs to deliver one part of a feature?", even after we shared data showing something like a 98% reduction in bugs during the dev process and after initial release. We also didn't run code coverage until a week before shipping and unintentionally had 92% coverage.

That team was also a team full of extroverts. That same process can be pretty draining for an introvert.

Same! We tend to do it on an as needed basis. That project I mentioned spent 90%+ of development time ping ponging. It's really hard to convince management to allow it though We did it as a trial and still had trouble convincing folks it was worth it, even after being super successful.