Htmx vs. React: A Complete Comparison – Semaphore • Hacker News Board

Htmx vs. React: A Complete Comparison – Semaphore

#1

Post by kiyanwang » Thu, Feb 22, 2024, 10:47 PM UTC

Htmx vs. React: A Complete Comparison – Semaphore
semaphoreci.com

Re: Htmx vs. React: A Complete Comparison – Semaphore

#2

Post by curtisblaine » Thu, Feb 22, 2024, 11:00 PM UTC

Apple vs Oranges: A complete comparison.

Re: Htmx vs. React: A Complete Comparison – Semaphore

#3

Post by levkk » Thu, Feb 22, 2024, 11:02 PM UTC

We've been using Turbo for over a year now (similar idea to Htmx). Pretty happy not to be using React anymore. Most of the complexity is offloaded to the backend where we can handle it better with a typed language system and no middle layer (e.g. GraphQL) between our app and the database.

TypeScript is not typed fwiw, e.g. `as any`.

Re: Htmx vs. React: A Complete Comparison – Semaphore

#4

Post by ZeWaka » Thu, Feb 22, 2024, 11:02 PM UTC

As much as React is too wordy and bloated these days, this comparison seems extremely unfair, bordering on biased.

Re: Htmx vs. React: A Complete Comparison – Semaphore

#5

Post by recursive » Thu, Feb 22, 2024, 11:05 PM UTC

For web apps, you can't use react without react-dom. That adds 131kb. (for react-dom.production.min.js@18.2.0) Very misleading to say react is 6kb in weight.

Re: Htmx vs. React: A Complete Comparison – Semaphore

#6

Post by pier25 » Thu, Feb 22, 2024, 11:08 PM UTC

React weight 6.4 kB? In which universe?

React-dom alone is 42kB gzip.

https://bundlephobia.com/package/react-dom

Re: Htmx vs. React: A Complete Comparison – Semaphore

#7

Post by andai » Thu, Feb 22, 2024, 11:10 PM UTC

pier25 wrote: post #6

React weight 6.4 kB? In which universe? React-dom alone is 42kB gzip. https://bundlephobia.com/package/react-dom

Preact is 3kb and works as a drop in replacement for React (most of the time). It's also way faster.

Re: Htmx vs. React: A Complete Comparison – Semaphore

#8

Post by hankchinaski » Thu, Feb 22, 2024, 11:12 PM UTC

As a backend engineer I Still haven’t managed to learn how react data management or JSX works. Every time I try to dive into it I get a strong migraine. I hope something easier comes popular before I would need to learn FE

Re: Htmx vs. React: A Complete Comparison – Semaphore

#9

Post by redder23 » Thu, Feb 22, 2024, 11:14 PM UTC

WordPress just implemented the interactivity API, inspired of Alpine.js, using parts of Preact. It's really great and extensible, 10 kB only.

https://wptavern.com/interactivity-api-prepares-for-its-offi...

Re: Htmx vs. React: A Complete Comparison – Semaphore

#10

Post by recursive » Thu, Feb 22, 2024, 11:14 PM UTC

hankchinaski wrote: post #8

As a backend engineer I Still haven’t managed to learn how react data management or JSX works. Every time I try to dive into it I get a strong migraine. I hope something easier comes popular before I would need to learn FE

Have you looked at htmx? Or even full vanilla?