Slide 1

Slide 1 text

Why HTMX is crushing React, Vue & Svelte. Felix Eckhardt Rocket Solutions Benedikt Stemmildt TalentFormation

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

SEARCH PDP BASKET EXPLORE CHECKOUT PATTERN LIBRARY

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

BACKEND FRONTEND REST / JSON* ROUTES *graphql, grpc, soap

Slide 8

Slide 8 text

SERIALIZATION

Slide 9

Slide 9 text

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! 🤯

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

JS HTML

Slide 14

Slide 14 text

HTML JS

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

IT’S A LOOOOOOONG STORY

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Controller Service Template Engine BODY DIV DIV BUTTON TRIGGER HTML MVC ARCHITECTURE

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

MORE IN DEPTH https://github.com/heerens/tractor-store-htmx-tailwind

Slide 23

Slide 23 text

THANK YOU. Felix Eckhardt Rocket Solutions Benedikt Stemmildt TalentFormation [email protected]:don41382/htmx-shop.git