Introduction to Lit - Lit University (Basics)

Learn all about the Lit library in this beginner-friendly Lit University episode! We will cover all of the essentials, including custom elements, declarative templates, scoped styles, and reactive properties. Find out why Lit is so awesome for creating shareable components, design systems, and full-fledged applications. Lit documentation site → https://lit.dev Extended reading: Templates overview: https://goo.gle/38lA0fk Rendering: https://goo.gle/3Np6mGl Reactive properties: https://goo.gle/3fkILKr Lit Reactive update lifecycle: https://goo.gle/3ESXfJV Shadow DOM: https://goo.gle/3gZreb3 Video: How to build a carousel in Lit → https://goo.gle/3DtIcWI Video:How to build your first Lit component → https://goo.gle/3SWwt8V Homework Exercises (Tutorials and code samples): Lit cheat sheet →https://goo.gle/3SSYgHd Working with lists → https://goo.gle/3fnKeQ8 Reactivity → https://goo.gle/3sIqLwO Expression types → https://goo.gle/3sNb5sc Conditional templates → https://goo.gle/3WkVOvY Template composition → https://goo.gle/3zvEcnx Chapters 0:00 - Introduction 2:14 - Creating a Lit Element → https://goo.gle/3DLwRmq 4:49 -Templating → https://goo.gle/3t4nwQB 7:17 - Scoped styles →https://goo.gle/3WdOwKN 9:36 - Reactive properties → https://goo.gle/3sMorVq Have any lingering questions? Tweet at us with the hashtag #AskLitDev or join the Lit community Discord! Join the community → https://goo.gle/Lit-Community Twitter → https://goo.gle/Lit-Twitter Discord → https://goo.gle/Lit-Discord Watch more Lit University → https://goo.gle/LitUniversity Subscribe to never miss a video on Lit → https://goo.gle/Lit #Lit #WebComponents #WebDevelopment