Lit Web Components

Lit is a simple library for building fast, lightweight web components. It is designed for speed and efficiency. It is a small library that is easy to learn and use. It is a great choice for building web components.

Table of contents

• Project Setup - How to setup a new lit based boilerplate project for these tutorials.
• Hello Lit - A simple hello world example to get started with Lit.
• Styling - How to style your Lit components.
• Lit Attributes/Properties - How to work with attributes and properties in Lit.
• Inputs and Events - How to work with inputs and events in Lit.
• Rendering - How to render content in Lit.
• Lifecycle Callbacks - How to work with lifecycle callbacks in Lit.
• Input Components - How to create custom input components in Lit.
  • Input Components - Single value attribute - How to create a custom input component with a single value attribute.
  • Input Components - Multi value attribute - How to create a custom input component that wants to return multiple value attributes.

To exercise the knowledge you gained from this chapter, you can try some challenges.

---

Home

Lit Web Components

Project Setup