Tessera
Folgen

Lit

@lit.dev

Your friendly neighborhood library to help you build web components! https://lit.dev

26 Posts1763 Follower89 Folgt
Belar@thisisbelar.bsky.social · 4d ago

Surprisingly, in the last few months, my go-to library for building components became… @lit.dev. For its well-balanced abstraction that makes web components not feel like a chore. You should try it if you bounced off web components in the past or dread working on a custom element.

Lit@lit.dev · 5mo ago

Really great write-up, and spoiler alert! ... MDN uses Lit to write their web components! 🔥😎 And they use Lit SSR to implement their own server components, and built their own component lazy-loader. Impressive work MDN!

MDN Web Docs@developer.mozilla.org · 5mo ago

Under the hood of MDN's new frontend 🛠️ We rebuilt MDN from the ground up. ⋅ Web components for islands of interactivity ⋅ Only the CSS & JS each page needs gets shipped ⋅ Dev server starts in 2 seconds (down from 2 minutes) Read the full story 👇 developer.mozilla.org/en-US/blog/...

Code snippets and headings showcase web development topics like HTML, CSS, and JavaScript optimization related to MDN's new frontend.
Lit@lit.dev · 8mo ago

📣 We just published our End-of-Year / Happy Holidays Lit releases! - 👩‍⚕️ Many bug fixes! - 📄 A new lit-labs/forms packages for form-associated elements! - 🎾 A new Spring controller in lit-labs/motion! - 🏎️ Massive SSR performance improvements! - 🧩 A lit-html template parser in lit-labs/analyzer

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.
Lit@lit.dev · 8mo ago

📣 We just published our End-of-Year / Happy Holidays Lit releases! - 👩‍⚕️ Many bug fixes! - 📄 A new lit-labs/forms packages for form-associated elements! - 🎾 A new Spring controller in lit-labs/motion! - 🏎️ Massive SSR performance improvements! - 🧩 A lit-html template parser in lit-labs/analyzer

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.
Sam Rose@samwho.dev · 10mo ago

I have accidentally created a shit reimplementation of lit.dev in my component lab while iterating on the parts of making my components that have felt lacking. I think it’s time to just migrate to Lit.

Justin Fagnani@justinfagnani.com · 10mo ago

People so often don't get that Lit isn't a framework, but it really helps understand our design decisions. For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?

Gordon@gordon.bsky.social · 12mo ago

Enjoying building with @lit.dev. Simple and small. Components have strong decoupling because of shadow DOM encapsulation. Flexible. Works with basic reactive props or Redux-style architecture or signals. You can even pop the hood and do imperative DOM manipulation when you need to.

Lit@lit.dev · last yr.

🥳 Congrats on the launch, @developer.mozilla.org! Yet another piece of our web dev tool belt built with web components and Lit 😎

MDN Web Docs@developer.mozilla.org · last yr.

We’ve launched MDN’s new front end — and it’s just the beginning. Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI. Check it out 👇 developer.mozilla.org/en-US/blog/...

Carl Colglazier@carl.cx · last yr.

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.

Justin Fagnani@justinfagnani.com · last yr.

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.

Bild
Justin Fagnani@justinfagnani.com · last yr.

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

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

tanstack.com

Tony Ward@tonyward.dev · 2y ago

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

GitHub - CrowdStrike/glide-core: Glide Core Design System

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

github.com