What Would You Do Without a Framework? Front-End Anew with Lit-HTML
summary
Shows an implemented days-until-vacation app built with lit-html and lit-element (about 6.6 KB total) that updates only the number in place, proving minimal rerendering works. Compares concrete bundle costs — vue 23 KB, react-dom 33 KB, angular 75 KB and download/execute times on slow 3G — and demonstrates web components integration, module-based deployment without bundlers, and that the component runs (shadow DOM styled, reactive properties observed) while Edge lacks full native support.
AI-written summary · about
chapters (13)
- 0:00Start
- 3:55Templating Approaches
- 6:05Template Literals
- 7:21Target Template Literal
- 8:25Use Cases
- 9:11Render Function
- 11:17Add a Javascript
- 14:20Conditional Formatting
- 17:28Universal Counter
- 19:00State
- 20:39Web Components
- 33:37Conclusion
- 35:15Size Matters
related talks
40mThe state of frontend frameworks in 2023
51mBeyond the Framework: Building for the Next Decade of the Web
52mWeb Components Can Do That?
32mRise above the Framework
38mBreak Up With Your Frontend Monolith
51mDeconstructing Web frameworks for a more resilient code base
43mFrameworks and the Future of the Web Platform
56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct