Is your SPA framework adding unnecessary complexity? See how HTMX delivers modern interactivity by sending HTML, not JSON, over the wire.
#1about 2 minutes
Questioning the default choice of SPAs for web development
The talk begins by challenging the automatic adoption of single-page applications and introduces the context for exploring simpler alternatives like HTMX.
#2about 4 minutes
The hidden complexities of single-page applications
Modern SPA frameworks introduce significant overhead, including complex build steps, dependency management, and performance issues for content-heavy sites.
#3about 2 minutes
Revisiting the history of web development and MVC
The evolution from server-rendered pages to client-side SPAs was a long journey, but modern protocols like HTTP/2 enable a return to simpler architectures.
#4about 5 minutes
Setting up the live demo with a backend stack
The demonstration uses a backend stack of Kotlin, Spring Boot, and the JTE template engine to serve HTML directly to the client.
#5about 3 minutes
Demonstrating the core concept of HTMX
A simple button demonstrates how HTMX uses HTML attributes to trigger a server request and swap the returned content into a target element.
#6about 6 minutes
Building the shop UI with server-side templates
The e-commerce shop's product list is rendered on the server using a template engine, showing how components can be built and populated with backend data.
#7about 3 minutes
Creating a search feature with progressive enhancement
A functional search is first built using a standard HTML form and server-side rendering, ensuring it works without JavaScript as a baseline.
#8about 3 minutes
Adding reactive filtering with HTMX attributes
By adding a few HTMX attributes, the standard search form is enhanced to provide live, reactive filtering without a full page reload.
Related jobs
Jobs that call for the skills explored in this talk.
The HTML Elements That You’re Probably Over-EngineeringAs frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML.
The mental models that come with using state management in React, Vue and o...
Daniel Cranney
Is HTMX Worth Learning in 2025?HTMX, a relatively niche library for modern web development, has been quietly surging in popularity… or so it would seem.
As of January 2025, JavaScript Rising Stars reported that HMTX now has more GitHub stars than more established libraries like R...
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
From learning to earning
Jobs that call for the skills explored in this talk.