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 · WWC 2022

3:19 min

Comparing vanilla web component code to Lit implementations

Tobias Scholz Tobias Scholz · WWC 2025

1:29 min

Reviewing alternative template engines and lightweight JavaScript libraries

Frederik Pietzko Frederik Pietzko · WWC 2025

1:13 min

Simplifying component development with Vite and Lit

Tobias Scholz Tobias Scholz · WWC 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
over 2 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

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris

Related videos

Building a framework-independent component library thumbnail
19:46
WWC 2025 • 12 months ago

Building a framework-independent component library

Tobias Scholz

Extending HTML with Web Components thumbnail
41:54
WWC 2022 • about 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

The Journey of a Pixel in a React Application thumbnail
27:01
WWC 2025 • 12 months ago

The Journey of a Pixel in a React Application

Shem Magnezi

The Lean Web thumbnail
46:46
JS Congress • over 4 years ago

The Lean Web

Chris Ferdinandi

Unlocking Seamless Collaboration: Design-First APIs for UI Components thumbnail
28:35
LIVE • almost 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 • over 1 year 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.