Web components provide a standard way to create encapsulated, reusable UI elements using custom elements, HTML templates, and the shadow DOM.
Template literals offer a secure and efficient alternative to traditional DOM manipulation by separating static strings from dynamic values at a native browser level.
A step-by-step guide to creating a basic Lit component using decorators for properties and custom elements, highlighting its efficient, virtual DOM-free rendering.
Learn to build more complex UIs by composing components, managing internal state with the @state decorator, and applying encapsulated styles using CSS literals.
An overview of the Lit Labs ecosystem, which provides experimental packages for tasks like server-side rendering, animations, routing, and React integration.
The virtualizer lab enables rendering of massive lists with high performance by only rendering the items currently visible in the viewport.
Discussion covers how Lit handles CSS, its default use of the shadow DOM, and its suitability for separating UI from complex business logic in large applications.
Sensory-Minds GmbH
Offenbach am Main, Germany
Hubert Burda Media
München, Germany
41:54Rowdy Rabouw
14:44Chris Heilmann
19:46Tobias Scholz
46:46Chris Ferdinandi
46:39Tobias Münch
32:56Laurie Voss
41:28Maximilian Heinrich
30:42Eddy Vinck
Jobs that call for the skills explored in this talk.
Lightspeed
Ghent, Belgium
Nicoll Curtin
Lipsia Digital Gmbh
Leipzig, Germany