Why HTMX is crushing React, Vue & Svelte

Imagine a world where frontend frameworks would have no dependency conflicts, no outdated libraries and no security issues. A world where the gap between frontend and backend is finally closed. Only one deployment is needed and only one service must run.

A framework that lets you focus on HTML, with no boiler plate in between. No JSON & GraphQL, no serialization, no virtual DOM. Easy to understand and maintain - packed with much higher performance than any existing Javascript framework. And the best part? You have the freedom to choose your backend and preferred typed language.

Presenting: HTMX, the new approach in writing web applications.

In this session, we'll show you how simple building an e-commerce shop can be. Using Kotlin, Spring Boot, and plain Tailwind, we'll demonstrate key features that make HTMX a revolutionary approach in writing web applications. Join us to see HTMX in action and explore its potential to transform your web development experience.

Transcript

1. Why HTMX is crushing React, Vue & Svelte. Felix Eckhardt Rocket Solutions Benedikt Stemmildt TalentFormation
5. SEARCH PDP BASKET EXPLORE CHECKOUT PATTERN LIBRARY
7. BACKEND FRONTEND REST / JSON* ROUTES *graphql, grpc, soap
8. SERIALIZATION
9. Preparing data in the backend for the frontend Two deployment units => architecture complexity, development, deployment time & security issues A lot of dependencies, which might not be fixed (astro) and need to be updated Typescript is just a superset and fails many times, also needs bundling process It’s super slow: backend: 20ms, page: ~100ms, frontend-integration: ~300ms 300kB of Javascript - and there is no need* for it WHAT ANNOYS US THE MOST? COGNITIVE LOAD! 🤯
13. JS HTML
14. HTML JS
17. IT’S A LOOOOOOONG STORY
20. Controller Service Template Engine BODY DIV DIV BUTTON TRIGGER HTML MVC ARCHITECTURE
22. MORE IN DEPTH https://github.com/heerens/tractor-store-htmx-tailwind
23. THANK YOU. Felix Eckhardt Rocket Solutions Benedikt Stemmildt TalentFormation git@github.com:don41382/htmx-shop.git