This Is Not a Talk on LitElement, It's a Course

on YouTube ↗38m

" summary

Shows how to build a five-component web app with LitElement using the Polymer CLI to bootstrap and polymer build to produce an ES2015 bundle. Implements component styling with LitElement css, JWT authentication stored in localStorage, a polling timer that fetches server state every 3 seconds, and a central dispatcher so components update automatically.

AI-written summary · about

" chapters (18)

1. 0:00Introduction
2. 1:10Web components and LitElement
3. 5:52Building an app
4. 10:06First components
5. 11:29Styling with CSS
6. 13:59JWT authentication
7. 17:15Data binding
8. 19:00Component communication
9. 21:28Adding a router
10. 24:23Dynamic rendering
11. 25:47Timers and updates
12. 28:42Optimizing communication
13. 30:27App demonstration
14. 30:49Production prep
15. 32:36Production environment
16. 33:38CSS frameworks
17. 35:49Framework limits
18. 37:14Conclusion and Q&A

" related talks

• 02h 32mBuild next gen web apps using web componentsSumit Chaudhari · JSConf.Asia 2019
• 53mFuture-proof your Web Apps with Web Components and LitElementKito Mann · Developer Summit 2020
• 01h 48mIntro to Web Components & Polymer WorkshopChris Lorenzo, John Riviello · Node+JS Interactive 2018
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 39mWhy Lit is 🔥Lucien Immink · Frontend Nation 2024
• 01h 12mMake Web Development Fun Again, with Web ComponentsBryan Ollendyke, Michael Potter · DrupalCamp NJ 2019
• 37mUsing Lit and Web Components to build Single-Page ApplicationsMichele Stieven · jsday 2022
• 32m"Future-proof your Web Apps with Web Components and Lit"Kito Mann · Frontrunners 2025