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.
Matching moments
08:20 MIN
How HTMX enables dynamic interactions without JavaScript
How to kill JavaScript from your Stack with HTMX and Kotlin
17:18 MIN
Demo of a dynamic app with HTMX and Kotlin
How to kill JavaScript from your Stack with HTMX and Kotlin
12:34 MIN
Finding the balance between server-side and client-side rendering
Keith Cirkle of GitHub on React Fatigue
11:07 MIN
Identifying where HTMX and SSR patterns fit best
How to kill JavaScript from your Stack with HTMX and Kotlin
14:37 MIN
Integrating and testing the HTMX and Kotlin stack
How to kill JavaScript from your Stack with HTMX and Kotlin
25:53 MIN
History repeating with modern frontend frameworks
Awful APIs: A History Lesson in Industry Mistakes and Mishaps
22:11 MIN
Exploring alternative libraries for server-centric web development
How to kill JavaScript from your Stack with HTMX and Kotlin
31:27 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
Snappy UI needs no Single-Page Application
Clemens Helm
To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10
Francesco Napoletano
Interactive server side components
Miško Hevery
The Lean Web
Chris Ferdinandi
One Framework To Rule Them All: Faster Websites With Astro
Eddy Vinck
Related Articles
View all articles


.png?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Web Developer (JavaScript, React)
Die Socialisten
Vienna, Austria
Senior
Jest
React
Redux
JavaScript

Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript


Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
GIT
HTML
Vue.js


Senior Frontend Entwickler (React/TS) mit Fullstack-Verständnis
Axept Business Software Ag
Senior
Gitlab
Routing
Resharper
TypeScript

UI Developer - React, TypeScript (Home Working) (IT)
TXP
Remote
GIT
HTML
TypeScript
Continuous Integration

