Intro to Web Components with LitElement
Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags which can be shared across frameworks.
This talk provides a deep introduction into how to author Web Components with LitElement, the most popular library for building fast, lightweight web components.
We’ll cover how LitElement reduces the code you have to write to build your own Custom Elements complete with scoped styles that Shadow DOM provides, and reactive properties that you expect from standard browser components. You’ll learn how lit-html, the rendering library for LitElement, makes writing your components easy while at the same time only re-rendering the specific content needed, not entire DOM subtrees (or virtual DOM) that other frameworks rely on.
You'll walk away with a solid understanding of how you could leverage Lit to build shareable components, design systems, and/or a full Progressive Web App.
About John Riviello
John Riviello created his first hypertext document on the Internet in 1996 and has been obsessed with building for the web ever since. He spends his days as Engineering Fellow and Lead Frontend Developer at Comcast, where he works on the Xfinity customer websites and web applications. He is a Google Developer Expert in Web Technologies and
the author of the LinkedIn Learning course “CSS to Sass: Converting an Existing Site.” In his free time, he prefers surfing waves over surfing the Internet.