LitElement basics tutorial with TypeScript (Vaadin Fusion client-side views)
Channel: vaadinofficial
Date: 2020-09-02

Learn the basics of developing web components with LitElement using TypeScript. 

0:00 - Intro
0:33 - lit-html templating, properties, expressions 
1:22 - Importing web components
1:38 - Data binding, events, and triggering renders by changing properties
3:41 - Repeating elements with the map operator (loops)
5:38 - Binding a button click event to a method
6:07 - Adding items to an array the correct way with immutable data structures

Download a Vaadin project starter: https://start.vaadin.com/
Playlist: https://www.youtube.com/watch?v=EIfIlI_ZQbI&list=PLcRrh9hGNalnjuewbvpfcxtFL9SVMXPqb