Lit

Working with @lit.dev and finding it a great fit for academic projects.

The components are self-contained WebComponents you can drop anywhere. They rely on web standards, so unlikely to break over time and perfect for research code you build once and don't touch for years.

Just released a form library for @lit.dev

kin-form.deno.dev

👀

Here's a nice Lit tip 💡:

Let's say you want to hide some DOM but preserve component state. You can do this with the cache() directive:

Here when showView is toggled from true to false back to true, the DOM fragment for the expression is extracted, saved, and restored - preserving all the state.

Declarative shadow DOM support, awesome!

Lit Table | TanStack Table Lit Docs The @tanstack/lit-table adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "lit" way, providing types and the rendering implementation of cell/header/f...

Someone posted a link to TanStack Table on the @lit.dev discord. I didn't know about this before, and wow! it looks awesome!

The examples show very idiomatic Lit patterns for a headless UI utility. Reactive controllers, repeat(), `@state()`, and more.

tanstack.com/table/v8/doc...

@tanstack.com

GitHub - CrowdStrike/glide-core: Glide Core Design System Glide Core Design System. Contribute to CrowdStrike/glide-core development by creating an account on GitHub.

Earlier this week and after getting the internal approval, we flipped our new pre-1.0 Web Component based Design System, Glide, over to public on GitHub.

Look out for an article from me on my personal site and an official one on our tech blog soon™

Built with @lit.dev !

github.com/crowdstrike/...

So, I made a playground web component with @lit.dev using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...

Thanks Elliott! Awesome work!! ⚡️

Are you new to Lit & need a jump start? Or are you a Lit veteran & can't quite remember that _one_ callback name? Well do we have the article for you!

We've just published the Lit Cheat Sheet! An article that has a bunch of quick code snippets for all sorts of code patterns

lit.dev/articles/lit...

👀 A Minecraft skin editor #builtWithLit!

YouTube video by Chrome for Developers The Virtue of Laziness: Leveraging Incrementality for Faster Web UI (Chrome Dev Summit 2018)

I was reminded of my talk on async rendering with Lit: www.youtube.com/watch?v=ypPR...

I think it's really useful if you're looking for analogs to React Suspense and such for web components.

Independent WCs allow a lot of control over scheduling to make very responsive UIs - and interoperably!

YouTube video by UXDX Building a Design System Using Standard Web Components

Great pitch by @alexanderwilson.bsky.social on the use of #WebComponents and @lit.dev in #DesignSystems:

lit-html crossed 2.5M npm downloads per week and 11M downloads per month last month, and lit crossed 2M npm downloads per week! 📈

#webcomponents @lit.dev

Source: bsky.app/profile/eric...

Thanks @eric.amod.io!

Very cool - the new GitLens Home View is #builtWithLit and web components! 🔥

Oooh, we're going to have to try this in Lit's repeat() directive!

State-preserving atomic moves will be *incredible* for focus, caret position in inputs, and hopefully not firing disconnected/connected callbacks!

Hello, world!

✅ DNS verified

No close tag because our presence here is just beginning ☯️

No close tag because our presence here is just beginning ☯️

Thanks! 💙

Working on a Form Associated Custom Elements helper library
RFC for Lit.

This should make it a lot easier to make correct and accessible form associated elements.

I have the impl basically done too, so things should move quickly once we reach consensus on the API shape.

github.com/lit/rfcs/pul...

Awesome!

You're in good company - the new USWDS is being built with Lit too!

We're following an "ask for forgiveness" strategy over here, so depending on how they deal with things like... rules ...it might take them longer 🤭

We're here! 🔥

Hey there @patak.dev 👋

We’re building out the component library for NYS’s new design system using Lit and web components. AMA

This is indeed the real Lit account. We'll get the handle moved to the lit.dev domain as soon as we can.

They are!