HTMX – Say “no” to Complexity
summary
HTMX replaces JSON roundtrips with endpoints that return HTML fragments and uses simple hx- attributes to wire interactions; demo stack is TypeScript + Bun + Hano and the repo includes a working to‑do app persisted to sqlite. Examples: a button that returns the server’s Bun version, email validation via hx-trigger with 200ms debounce, lazy loading, active search, and an infinite scroll with Pokémon API* that pages automatically. Works fast for typical apps but not for highly interactive canvases like maps.
AI-written summary · about
chapters (10)
- 0:00HTMX introduction
- 3:53Tech stack for HTMX
- 7:30Basic HTMX flow demo
- 10:37HTMX pros and cons
- 13:06HTMX attributes
- 18:47Input validation
- 20:35Lazy loading search
- 23:26Infinite scroll demo
- 25:58Client-side handling with Alpine.js
- 26:39HTMX benefits
related talks
13mHTMX - simplicity in frontend development
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
57mHTMX: Why You Don't Always Need a SPA Framework
26mReimagining dynamic web apps with HTMX
19mhtmx: Writing JavaScript to Avoid Writing JavaScript
23mIntroduction to server-driven web applications using htmx
37mHTMX: Frontend Revolution
39mWhy HTMX is crushing React, Vue & Svelte