Bring back the joy in web development with HTMX and Hypermedia-Driven Applications
summary
Argues that most enterprise apps don’t need an SPA and replaces the Node/React stack with HTMX and server templates, showing working demos: HTMX (14KB) drives AJAX, websockets and SSE; JTE type-safe templates or Thymeleaf render partial HTML; examples include server-side live form validation with hx-trigger and morphdom swap keeps focus, table sorting/pagination with hx-push-url, endless scrolling via hx-trigger=intersect, websocket feed with out-of-band swaps, and modal dialogs loaded on demand. Notes worked demos, faster iteration, but warns about OOB misuse, CSP/XSS and offline/highly dynamic UIs.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:44Modern front-end complexity
- 6:20Hypermedia-driven apps
- 11:28HTMX and web interactions
- 15:26JTE template engine benefits
- 19:26Client-side state with AlpineJS
- 21:11Form validation with HTMX
- 26:01Tabular data sorting
- 29:35Endless scrolling with HTMX
- 32:53Real-time updates via WebSockets
- 36:32Dynamic modal dialogues
- 39:26Event triggering and enhancement
- 41:37Conclusion
- 47:32Resources
related talks
57mHTMX: Why You Don't Always Need a SPA Framework
26mReimagining dynamic web apps with HTMX
23mIntroduction to server-driven web applications using htmx
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
01h 02mThird Way Web Development
13mHTMX - simplicity in frontend development
37mHTMX: Frontend Revolution
39mWhy HTMX is crushing React, Vue & Svelte