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!
Join the discussion
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 – Website, GitHub, LinkedIn, Mastodon, X
- Amal Hussein – GitHub, X
- Kevin Ball – Website, GitHub, LinkedIn, X
Show Notes:
Lit docs & examplesThrowback Lit html episode on the Web Platform Podcast with AmalPolymer Library - Lit’s predecessorCustom ElementsShadow DOMTemplates and SlotsJS Tagged Template LiteralsLit Element base classAmal’s singing about “dangerously set innerHTML”Proposal for Scoped Custom Element Global RegistriesProposal for declarative Shadow DOMProposal for Template InstantiationProposal for DOM PartsProposal for “open-stylable” Shadow RootsProposal for JavaScript DecoratorsLit labs packagesGoogle’s Wireit - updates your npm scripts to make them smarterJustin’s npm cli RFC for adding Googe’s Wireit script runner to npmSomething missing or broken? PRs welcome!