HTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
summary
HTMX is a tiny client library (Intercooler lineage, v1.9.x) that turns HTML attributes into full HTTP-driven UI actions: hx-get/hx-post/hx-delete, attribute inheritance, hx-target and swap strategies. Demos show replacing list items (7-item speakers list), server-side partials for paging (infinite scroll fetching 3 items), a delete+reset flow, a spinner indicator, and a working multiplayer “Fun with Flags” game using the websocket extension. Backend-agnostic, claims reduced JS, and the game demo and interactions work as shown.
AI-written summary · about
chapters (19)
- 0:00Introduction and speaker intro
- 3:13What is HTMX and its history
- 6:20Why HTMX is necessary
- 10:22The limits of modern web apps
- 11:51How HTMX works
- 14:08Key HTMX attributes explained
- 18:03Attribute inheritance in HTMX
- 20:11HTMX request detection
- 21:41Loading indicators and events
- 24:27HTMX JavaScript API
- 26:40HTMX extensions
- 27:54Demo: Boost example
- 30:13Demo: Dynamic list updates
- 32:46Demo: Loading indicators
- 35:19Demo: HTTP DELETE method
- 40:07Demo: Infinite scroll
- 43:12Demo: Multiplayer game with WebSockets
- 49:08Conclusions and recommendations
- 52:08Resources and closing
related talks
13mHTMX - simplicity in frontend development
01h 02mThird Way Web Development
27mHTMX – Say “no” to Complexity
57mHTMX: Why You Don't Always Need a SPA Framework
50mhtmx 2.0 & Web Components: A Perfect Match for Frontend Development
49mBring back the joy in web development with HTMX and Hypermedia-Driven Applications
37mHTMX: Frontend Revolution
26mReimagining dynamic web apps with HTMX