Boost Your Razor Pages with HTMX: Simplicity & Power
summary
HTMX is a ~15KB JavaScript library that turns Razor Pages into interactive fragments via attributes like hx-get/hx-post, hx-target/hx-swap and hx-trigger so buttons, divs, forms or images issue HTTP verbs and return replacement HTML. Demonstrations include active search against restcountries, click‑to‑edit partials, infinite scroll using the revealed trigger, inline validation and modal/delete flows; server code uses Razor Page handlers and partials, NuGet tag‑helpers or unpkg script, and a GitHub repo plus a workshop provides the full examples.
AI-written summary · about
chapters (19)
- 0:00HTMX and server-side rendering
- 1:27Talk goals
- 2:33Web development history
- 8:43HTMX simplifies server-side
- 10:11Hypermedia systems and REST
- 13:46HTMX actions and triggers
- 15:37HTMX in ASP.NET Core
- 23:23HTMX with Razor Pages
- 26:11Live demo: Active search
- 33:43Live demo: Edit contacts
- 40:16Live demo: Delete, edits, upload
- 41:43Live demo: Infinite scroll
- 43:50Live demo: Validation and selects
- 45:39Live demo: Tabs and lazy load
- 47:32Resources and learning
- 48:56Q&A: Bandwidth and server load
- 51:46Q&A: When HTMX fails
- 53:14Q&A: Breaking abstraction
- 55:47Q&A
related talks
01h 00mHTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
58mHTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
13mHTMX - simplicity in frontend development
37mHTMX: Frontend Revolution
19mhtmx: Writing JavaScript to Avoid Writing JavaScript
26mReimagining dynamic web apps with HTMX
35mJavascript Fatigue: Back to Hypermedia w/ Django+HTMX
26mModern web apps with (almost) no JS: Enhancing UX with HTMX in Django