HTMX - simplicity in frontend development
summary
HTMX is a small JS library that you add with one-line script tag to restore server-rendered HTML interactivity using attributes like hx-post and hx-target to send requests and replace a div’s innerHTML with the response. It sends HTML snippets (server detects HX-Request header) and can use hx-select to extract fragments, supports AJAX, CSS transitions, SSE and progressive enhancement so forms work without JS, and pairs with HyperScript or Alpine for client-side UI state.
AI-written summary · about
chapters (10)
- 0:00HTMX introduction
- 1:05HTML to SPAs evolution
- 3:52What HTMX does and how it works
- 6:06Returning HTML snippets
- 7:10Detecting HTMX requests
- 7:53Progressive enhancement
- 8:37HTMX limitations
- 10:52Simpler frontend architecture
- 11:55Alternatives and resources
- 13:00Q&A
related talks
37mHTMX: Frontend Revolution
19mhtmx: Writing JavaScript to Avoid Writing JavaScript
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
27mHTMX – Say “no” to Complexity
23mhtmx Is Pro-JavaScript
57mHTMX: Why You Don't Always Need a SPA Framework
47mHTMX, or the return of AJAX in Web development
26mReimagining dynamic web apps with HTMX