HTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
summary
HTMX with ASP.NET Razor Pages replaces much of the client JS by using attribute-driven requests: hx-get/hx-post calls server handlers, responses can return partial HTML that gets swapped into a target via hx-target/hx-swap, and events like afterRequest invoke tiny JS hooks. Demos build a playlist/memory app with modal create forms, CSRF header injection, loaders (HTMX indicator), add/delete/like actions, and an infinite-scroll pattern — all working live with minimal frontend code.
AI-written summary · about
chapters (9)
- 0:00Introduction and motivation
- 3:17Understanding HTMX basics
- 8:01Getting started with setup
- 10:21Core HTMX features and demos
- 17:21Real-world application example
- 28:50Implementing Razor partials
- 35:02Working with forms and POST
- 45:21Advanced patterns and conclusion
- 58:39Q&A and final wrap-up
related talks
58mHTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
58mBoost Your Razor Pages with HTMX: Simplicity & Power
13mHTMX - simplicity in frontend development
37mHTMX: Frontend Revolution
26mReimagining dynamic web apps with HTMX
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
49mBring back the joy in web development with HTMX and Hypermedia-Driven Applications
26mModern web apps with (almost) no JS: Enhancing UX with HTMX in Django