WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Oct 23, 2023

Why LIT is Fire

Lucien Immink

Tired of a bloated Virtual DOM slowing down your web apps? Discover how Lit uses native Web Components to deliver blazing-fast performance with just six kilobytes of overhead.

Pause
Mute Enter Fullscreen
#1 about 4 min

Evolution of web platform features and native capabilities

How browsers integrated native capabilities to replace external plugins like Flash.

#2 about 2 min

Building isolated UI elements using standard web components

An overview of how web components encapsulate HTML templates, custom elements, and styling.

#3 about 2 min

Challenges of vanilla DOM manipulation and string-based HTML

Why traditional DOM updates, manual element creation, and libraries like jQuery fall short.

#4 about 4 min

Leveraging JavaScript template literals for efficient DOM updates

How native template literals process fixed templates and variable values at the C-code level.

#5 about 2 min

Origins and design philosophy of the Lit library

How Lit combines lit-html and lit-element while staying close to native browser APIs.

#6 about 3 min

Creating a reactive hello world component with Lit

A practical walkthrough of importing Lit, using decorators, and writing reactive component properties.

#7 about 2 min

Performance benefits and the absence of virtual DOM

How low overhead and native browser partial rendering capabilities render virtual DOMs unnecessary.

#8 about 2 min

Composing applications with nested Lit elements and slots

Building modular user interfaces by extending and composing smaller reusable Lit components.

#9 about 3 min

Managing local state and event listeners in Lit components

Implementing interactive components by attaching native event listeners and defining reactive internal state.

#10 about 2 min

Encapsulating CSS styles and variables within Lit components

Defining valid CSS inside JavaScript literals to scope styling securely inside components.

#11 about 5 min

Exploring experimental features and integrations with Lit Labs

A look at upcoming Lit capabilities including React integration, server-side rendering, and client-side routing.

#12 about 3 min

Optimizing long list rendering by implementing Lit virtualizer

How the virtualizer component keeps interfaces snappy by rendering only the list items currently visible in the viewport.

#13 about 3 min

Resources for getting started and audience Q&A session

Closing resources for developers and answers regarding CSS runtime transforms and shadow DOM implementations.

Matching moments

7:10 min

Building framework-less architectures with native custom web components

Christian Liebel Christian Liebel · World Congress 2022

3:19 min

Comparing vanilla web component code to Lit implementations

Tobias Scholz Tobias Scholz · World Congress 2025

1:29 min

Reviewing alternative template engines and lightweight JavaScript libraries

Frederik Pietzko Frederik Pietzko · World Congress 2025

1:13 min

Simplifying component development with Vite and Lit

Tobias Scholz Tobias Scholz · World Congress 2025

4:58 min

Reducing JavaScript dependencies with native HTML and CSS

Aaron T. Grogg · Coffee With Developers

3:46 min

The rise of modern component-based frameworks and modular architecture

Sasha Shynkevich · LIVE

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
almost 3 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
almost 3 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Related videos

Building a framework-independent component library thumbnail
19:46
World Congress 2025 • about 1 year ago

Building a framework-independent component library

Tobias Scholz

Extending HTML with Web Components thumbnail
41:54
World Congress 2022 • over 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

The Journey of a Pixel in a React Application thumbnail
27:01
World Congress 2025 • about 1 year ago

The Journey of a Pixel in a React Application

Shem Magnezi

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Unlocking Seamless Collaboration: Design-First APIs for UI Components thumbnail
28:35
LIVE • about 2 years ago

Unlocking Seamless Collaboration: Design-First APIs for UI Components

Lucien Immink

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers • almost 2 years ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.