Introduction to Lit - Lit University (Basics)
HTML-код
- Опубликовано: 30 июл 2024
- 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 → lit.dev
Extended reading:
Templates overview: goo.gle/38lA0fk
Rendering: goo.gle/3Np6mGl
Reactive properties: goo.gle/3fkILKr
Lit Reactive update lifecycle: goo.gle/3ESXfJV
Shadow DOM: goo.gle/3gZreb3
Video: How to build a carousel in Lit → goo.gle/3DtIcWI
Video:How to build your first Lit component → goo.gle/3SWwt8V
Homework Exercises (Tutorials and code samples):
Lit cheat sheet →goo.gle/3SSYgHd
Working with lists → goo.gle/3fnKeQ8
Reactivity → goo.gle/3sIqLwO
Expression types → goo.gle/3sNb5sc
Conditional templates → goo.gle/3WkVOvY
Template composition → goo.gle/3zvEcnx
Chapters
0:00 - Introduction
2:14 - Creating a Lit Element → goo.gle/3DLwRmq
4:49 -Templating → goo.gle/3t4nwQB
7:17 - Scoped styles →goo.gle/3WdOwKN
9:36 - Reactive properties → goo.gle/3sMorVq
Have any lingering questions? Tweet at us with the hashtag #AskLitDev or join the Lit community Discord!
Join the community → goo.gle/Lit-Community
Twitter → goo.gle/Lit-Twitter
Discord → goo.gle/Lit-Discord
Watch more Lit University → goo.gle/LitUniversity
Subscribe to never miss a video on Lit → goo.gle/Lit
#Lit #WebComponents #WebDevelopment Наука
Subscribe to never miss a video on Lit → goo.gle/Lit
This is the one that I've been looking for. It's perfect for my backend serverside flask. This is awesome
Loved this episode
Great explanation in short time
simple explanation ever :)
GO LIT U!!!! 🎉
simple explanation
vs htmx + hyperscript?
I imagine lit can be used in conjunction with htmx.
lol who gave him a smoothie