Kits icon
Web Components 101 through LitElement
Joaquín López, Head of Front-end Development at Sngular
Goal:
Learn more about Web Components and how to create them using LitElement with Joaquín López, Head of Front-end Development at Sngular.

Web Components 101 through LitElement

A simple base class for creating fast, lightweight web components.

 

LitElement uses lit-html to render into the element's Shadow DOM and adds API to help manage element properties and attributes. LitElement reacts to changes in properties and renders declaratively using lit-html.

 

Watch the video on YouTube

What will you learn?

We will be introducing Web Components, a set of web platform APIs that allow us to create new custom, reusable, and encapsulated HTML tags to use in web pages and web apps.

 

Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

 

For the examples, we will use LitElement, a pure base class for creating fast, and lightweight Web Components by Polymer Project at Google.

christopher-gower-m_HRfLhgABo-unsplash

Complete this form to download the presentation.

KIT Web compontens