Modern web apps with (almost) no JS: Enhancing UX with HTMX in Django
summary
HTMX + Django replaces large front‑end frameworks by sending HTML fragments from Django and swapping DOM nodes with hx-get/hx-post attributes, avoiding a build and adding only 19 KB via CDN. Examples show infinite scroll (intersection loading), active search (keyup debounce), and single‑button like updates using render_to_string partials, and websockets via htmx‑ws. Works well for small interactive pieces but can become messy for very rich, highly dynamic UIs with many dependent fields.
AI-written summary · about
chapters (10)
- 0:00Introduction to htmx
- 0:53Modern user experience demands
- 4:00The complexity of modern JS
- 5:45Implementing infinite scroll
- 7:40The htmx philosophy
- 9:12Dynamic button updates
- 12:01Active search implementation
- 14:12Htmx and Django synergy
- 17:24Hypermedia systems resources
- 19:16Questions and answers
related talks
35mJavascript Fatigue: Back to Hypermedia w/ Django+HTMX
26mReimagining dynamic web apps with HTMX
37mHTMX: Frontend Revolution
24mBack to the Future of Hypermedia in Django
13mHTMX - simplicity in frontend development
23mIntroduction to server-driven web applications using htmx
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
19mhtmx: Writing JavaScript to Avoid Writing JavaScript