Felix Eckhardt & Benedikt Stemmildt
Why HTMX is crushing React, Vue & Svelte.
#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.
ROSEN Technology and Research Center GmbH
Osnabrück, Germany
Senior
TypeScript
React
+3
Matching moments
02:47 MIN
How HTMX enables dynamic interactions without JavaScript
How to kill JavaScript from your Stack with HTMX and Kotlin
04:53 MIN
Demo of a dynamic app with HTMX and Kotlin
How to kill JavaScript from your Stack with HTMX and Kotlin
04:22 MIN
Finding the balance between server-side and client-side rendering
Keith Cirkle of GitHub on React Fatigue
00:32 MIN
Identifying where HTMX and SSR patterns fit best
How to kill JavaScript from your Stack with HTMX and Kotlin
02:41 MIN
Integrating and testing the HTMX and Kotlin stack
How to kill JavaScript from your Stack with HTMX and Kotlin
01:38 MIN
History repeating with modern frontend frameworks
Awful APIs: A History Lesson in Industry Mistakes and Mishaps
01:34 MIN
Exploring alternative libraries for server-centric web development
How to kill JavaScript from your Stack with HTMX and Kotlin
05:23 MIN
Separation of concerns versus modern web frameworks
WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more
Featured Partners
Related Videos
How to kill JavaScript from your Stack with HTMX and Kotlin
Frederik Pietzko
To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
Why I Recommend Svelte to Every New Web Developer
Markus Hatvan
The Eternal Sunshine of the Zero Build Pipeline
M4dz
Snappy UI needs no Single-Page Application
Clemens Helm
Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
Interactive server side components
Miško Hevery
Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10
Francesco Napoletano
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript

PiNCAMP GmbH
Berlin, Germany
Senior
React
GraphQL
Next.js

Confideck GmbH
Vienna, Austria
Remote
Intermediate
Senior
Node.js
MongoDB
TypeScript

Mendix
Rotterdam, Netherlands
Remote
Intermediate
React
low-code
TypeScript
Continuous Integration


KA RESOURCES
Mannheim, Germany
€65K
GIT
React
WebPack
JavaScript
+1


itmX GmbH
Pforzheim, Germany
Senior
Scrum
React
Vue.js
NestJS
Docker
+2

Dr. Meyer & Meyer-Peteaux New Media Company GmbH & Co. KG
Rastede, Germany
API
CSS
GIT
SASS
Scrum
+7