Reimagining dynamic web apps with HTMX
summary
Claim: HTMX lets teams build dynamic we apps with far less hand‑rolled JavaScript by returning HTML not JSON and using server-rendered templates. Examples: a production lab management rewrite (manages hundreds of thousands of samples per year, completed after roughly six months) and a live demo that implements SPA-like behavior with no custom JS. Tools shown: Django/Express, Postgres, Nunjucks/templates and HTMX attributes like hx-get/hx-post/hx-swap/hx-target which swap or append server-rendered fragments into the DOM.
AI-written summary · about
chapters (18)
- 0:00HTMX introduction
- 1:57HTMX misconceptions
- 2:17Lab system without experience
- 5:46Django templating for dynamic content
- 7:30Templating limits for UIs
- 8:55JavaScript DOM challenges
- 9:38HTMX AJAX extensions
- 12:28HTMX HTML over JSON
- 13:30Demo: HTMX single-page app
- 14:56Backend setup for HTMX
- 16:01HTMX click triggers
- 17:27DOM swapping with HTMX
- 18:31Swap behavior control
- 19:14Dynamic element addition
- 20:59Styling and totals update
- 22:52Multiple elements in response
- 24:41Debugging the demo
- 25:49Summary
related talks
37mHTMX: Frontend Revolution
26mModern web apps with (almost) no JS: Enhancing UX with HTMX in Django
49mBring back the joy in web development with HTMX and Hypermedia-Driven Applications
23mIntroduction to server-driven web applications using htmx
13mHTMX - simplicity in frontend development
27mHTMX – Say “no” to Complexity
57mHTMX: Why You Don't Always Need a SPA Framework
39mWhy HTMX is crushing React, Vue & Svelte