HTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
summary
Builds a working playlist/memories app using HTMX with ASP.NET Razor Pages, Bulma for styling and optional Hyperscript and SweetAlert for UX; server renders Razor partials, handlers return HTML (or JSON) and HTMX attributes like hx-get/hx-post/hx-delete drive requests, out-of-band swaps update separate page regions, and infinite scroll pulls additional items. Forms post via HTMX with server validation and file upload, Spotify lookups return items, and adds/removes happen without full page reloads — demos mostly run live with minor demo glitches.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 7:56HTMX advantages over frameworks
- 11:51HTMX basics and hx-boost
- 13:17Fetching data with hx-get
- 16:49Handling forms with HTMX
- 18:56Loading indicators with HTMX
- 21:28Swapping content with hx-swap
- 23:14Real-time validation with HTMX
- 26:48Razor Pages server rendering
- 31:28HTMX form creation
- 35:49Form validation and confirmations
- 38:42Hyperscript advanced interactivity
- 42:21Funeral playlist app
- 45:45Adding memories with HTMX
- 47:11Highlighting new items
- 48:16Deleting items with HTMX
- 49:18Spotify API integration
- 50:41Out-of-band swaps
- 53:09Infinite scrolling with HTMX
- 55:14HTMX features and resources
- 57:21Conclusion and Q&A
related talks
01h 00mHTMX & ASP.NET Razor Pages – Web development without the JavaScript pains
58mBoost Your Razor Pages with HTMX: Simplicity & Power
49mBring back the joy in web development with HTMX and Hypermedia-Driven Applications
54mHTMX: Web 1.0 with web 2.0 benefits without the grift of 3.0
13mHTMX - simplicity in frontend development
57mHTMX: Why You Don't Always Need a SPA Framework
26mReimagining dynamic web apps with HTMX
37mHTMX: Frontend Revolution