This is going to be Lit 🔥

Justin Fagnani joins us this week to talk about Lit, a library that helps you build web components. With 17% of pageviews in Chrome registering use of web components, Lit has gained widespread adoption across a variety of companies looking to create reusable components which leverage the power and interoperability of the web platform. Tune in to learn about what makes this tiny library so incredibly lit!

Justin Fagnani joins us this week to talk about Lit, a library that helps you build web components. With 17% of pageviews in Chrome registering use of web components, Lit has gained widespread adoption across a variety of companies looking to create reusable components which leverage the power and interoperability of the web platform. Tune in to learn about what makes this tiny library so incredibly lit!

Leave us a comment

Changelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!

Sponsors:

Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally can’t get any faster!

Featuring:

Justin Fagnani – Mastodon, Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHubKevin Ball – Twitter, GitHub, LinkedIn, Website

Show Notes:

Lit docs & examples
Throwback Lit html episode on the Web Platform Podcast with Amal
Polymer Library - Lit’s predecessor
Custom Elements
Shadow DOM
Templates and Slots
JS Tagged Template Literals
Lit Element base class
Amal’s singing about “dangerously set innerHTML”
Proposal for Scoped Custom Element Global Registries
Proposal for declarative Shadow DOM
Proposal for Template Instantiation
Proposal for DOM Parts
Proposal for “open-stylable” Shadow Roots
Proposal for JavaScript Decorators
Lit labs packages
Google’s Wireit - updates your npm scripts to make them smarter
Justin’s npm cli RFC for adding Googe’s Wireit script runner to npm

Something missing or broken? PRs welcome!