Javascript Fatigue: Back to Hypermedia w/ Django+HTMX
summary
Demonstrates replacing heavy frontend stacks with Django+HTMX, using HX attributes (hx-get, hx-trigger, hx-target, hx-swap) to return partial HTML fragments for a to‑do app that implements active search, edits, deletes and infinite scroll with no custom JavaScript. Endpoints return only the updated fragment so the page does not reload, server-side filtering handles search, and an enterprise port reports converting ~30,000 lines in about two months.
AI-written summary · about
chapters (14)
- 0:00JavaScript fatigue and hypermedia
- 3:52HTML vs JavaScript takeover
- 7:43HTMX extends HTML
- 10:11Live demo: HTMX to-do app
- 13:45HTMX search with Django
- 17:40Hypermedia choice checklist
- 20:49Hypermedia-driven app checklist
- 22:15React vs HTMX simplicity
- 23:38Conclusion: simplify web dev
- 24:20Q&A: HTMX styling
- 26:51HTMX challenges
- 28:17HTMX components state
- 30:26Next.js vs hypermedia
- 31:53Django templates for HTMX
related talks
26mModern web apps with (almost) no JS: Enhancing UX with HTMX in Django
24mBack to the Future of Hypermedia in Django
26mReimagining dynamic web apps with HTMX
37mHTMX: Frontend Revolution
23mIntroduction to server-driven web applications using htmx
01h 02mThird Way Web Development
19mhtmx: Writing JavaScript to Avoid Writing JavaScript
30mBest buddies: Django and HTMX