Writing a Lit Component

This is a premium lesson.

Subscribe to get access to the entire course.

Sign up now

During the course so far you’ve built your very own vanilla web component. It looked great, but the web component syntax was a little verbose and you had to manage a lot of things yourself including:

• setting up the shadow DOM
• observing attributes
• reflecting attributes as properties
• transforming attribute values to and from strings
• registering and unregistering event listeners

There are a lot of details you need to worry about when writing web components. Fortunately, there are easier ways of writing web components. In this lesson I’m going to introduce Lit, a lightweight library that makes writing performant web components much easier.

Over the next couple of lessons, you’ll get familiar with Lit by migrating over your existing components.

What’s so great about Lit?

While there ar