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
12:34 MIN
Finding the balance between server-side and client-side rendering
Keith Cirkle of GitHub on React Fatigue
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
28:39 MIN
Analyzing the latest JavaScript Rising Stars survey results
WeAreDevelopers LIVE: Scammer Payback with Python, Grok Goes Unhinged, The Future of Chromium and mo
27:46 MIN
Combining micro frontends with an islands architecture
Multiple Ships to the Island - Micro Frontends & Island Architectures
27:03 MIN
A detailed breakdown of modern web frameworks
Web development best practices in 2021
33:55 MIN
Audience Q&A on practical micro-frontend challenges
Micro-frontends anti-patterns
08:01 MIN
Why developers and businesses choose to use React
React and the power of visualisation
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
Why I Recommend Svelte to Every New Web Developer
Markus Hatvan
From learning to earning
Jobs that call for the skills explored in this talk.


Senior Fullstack Engineer – Angular/.Net (f/m/d)
Apaleo
München, Germany
Remote
€65-85K
Senior
.NET
Angular
JavaScript
+1



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



