Loading…

Joe Steinbring

Lit

A small base class for writing custom elements, with reactive properties and templating. Where Web Awesome is a set of finished components, Lit is the tool for building your own.

I have used Lit to author lightweight web components with reactive properties, templates, and encapsulated styles.

Articles written
3
CodePen pens written
9
Official website
lit.dev
Age
9 years (since 2017)

Experience highlights

  • Build reusable custom elements on browser-native standards.
  • Use concise reactive rendering without committing components to a larger framework.

From the blog

Related writing

Articles from JWS News and DEV that relate to Lit.

  1. How to pass an array as a property into a web component

    In last week’s post, I said, “That is because you can not pass an array directly into a web component”. I said that I might take a moment at some point to talk about how you could do that. Well, today is the day we are doing that.

  2. How to implement an autocomplete using Web Components

    Earlier this week, when I wrote about how to build an autocomplete using Vue.js, it was less about exploring how to do it and more about documenting recent work that used Vuetify. I wanted to use today’s post to go in the other direction. Recently, I discovered the value of usin…

  3. Playing more with Web Components

    Yesterday, we looked at how to define our own web components and how to use web components that were defined using Shoelace. Today, I figured that we should take a quick look at Lit. Lit is a simple library for building fast, lightweight web components.

From GoToSocial

Related thoughts

Short posts about Lit, matched by topic hashtags.

  • #lit
  • #litelement
  • #webcomponents
  • #litwebcomponents
Finding related thoughts…