Lucien Immink
Why LIT is Fire
#1about 4 minutes
Understanding the core principles of web components
Web components provide a standard way to create encapsulated, reusable UI elements using custom elements, HTML templates, and the shadow DOM.
#2about 6 minutes
Why template literals are a game changer for DOM manipulation
Template literals offer a secure and efficient alternative to traditional DOM manipulation by separating static strings from dynamic values at a native browser level.
#3about 5 minutes
Building your first reactive component with Lit
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.
#4about 5 minutes
Managing state, composition, and styling in Lit
Learn to build more complex UIs by composing components, managing internal state with the @state decorator, and applying encapsulated styles using CSS literals.
#5about 5 minutes
Exploring experimental features with Lit Labs
An overview of the Lit Labs ecosystem, which provides experimental packages for tasks like server-side rendering, animations, routing, and React integration.
#6about 3 minutes
Building high-performance lists with the virtualizer lab
The virtualizer lab enables rendering of massive lists with high performance by only rendering the items currently visible in the viewport.
#7about 3 minutes
Q&A on Lit's practical applications and architecture
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.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
10:36 MIN
Building with Web Components and the Lit library
Making of paint.js.org—a Web Component-based Productivity PWA
37:17 MIN
Simplifying development with Lit and Stencil
Extending HTML with Web Components
27:59 MIN
Understanding the role and value of web components
Keith Cirkle of GitHub on React Fatigue
02:09 MIN
Understanding web components and their core technologies
Accessibility with Web Components
11:13 MIN
Creating modern code islands with web components
Defeat that legacy monster! Guerilla refactoring with web standards
03:19 MIN
Introducing the three core parts of web components
Extending HTML with Web Components
00:06 MIN
Why you should consider frameworkless web components
Frameworkless: How to use Web-Components in production?
03:03 MIN
Building with familiar React APIs and real CSS
Lynx: Native for More
Featured Partners
Related Videos
19:46Building a framework-independent component library
Tobias Scholz
41:54Extending HTML with Web Components
Rowdy Rabouw
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
25:30The year 3000, a brief history of Web Development
Lorenzo Pieri
28:35Unlocking Seamless Collaboration: Design-First APIs for UI Components
Lucien Immink
29:44Building a component library for modern challenges
Filip Rakowski
46:46The Lean Web
Chris Ferdinandi
46:39Frameworkless: How to use Web-Components in production?
Tobias Münch
From learning to earning
Jobs that call for the skills explored in this talk.
Lead Fullstack Engineer AI
Hubert Burda Media
München, Germany
€80-95K
Intermediate
React
Python
Vue.js
Langchain
+1
Angular Developer
Picnic Technologies B.V.
Amsterdam, Netherlands
Intermediate
Senior
RxJS
Angular
TypeScript
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
API
CSS
GIT
HTML
Scrum
+5
Web- & Digital Designer - Figma, Elementor & Performance Design
Liftoff Marketing GmbH
Remote
€42K
Intermediate
HTML
Figma
WordPress
+3