HTMX examples for React developers

Subscribe

I rebuilt the same 5 pages with React and HTMX (Kotlin) to see how they compare. They are surprisingly similar.

Thank you so much for taking the time to watch.

Twitter:

Discord

Twitch:

Github

Timestamps
0:00 Intro
0:13 Overview
1:14 Tabs
2:13 Updating another component
3:17 Animations
4:22 Asynchronous Polling
5:06 Chat
6:30 Summary

[kyle]

You're getting better at these videos. Keep going man.

[SootuKoll]

I'd pay for an Udemy course of Kotlin and htmx. Just saying.

[pkop]

Not having the url change on navigation tabs is bad ux. It's nice to share links plus reloading page will keep navigation state. Seems you could just do similar to how you have it but instead of setting hx-get, set href and use hx-boost=true?

[griffadev]

Cool stuff, that said because of how the is done with tabs it could do with accessibility work before it would be shippable, either by updating URL and aria current page. Or using tabs with tabpanel attributes

[Bluyo]

Would be nice to see the react examples in a server rendered example like nextjs app router so it’s more one to one with the htmx implementation.

[LanguidBasil]

I love the project, will play with it on weekend to learn some htmx (also fira code is great =D)

[liamdurkin]

Do you have a repo with any of these Kotlin & HTMX examples please? Great job on the videos by the way.

[spacecowboyofficial]

How much does it cost to handle this many ajax calls in the cloud compared to react ?

[Atmos]

“The urls are not updating, that’s the point” is not necessarily true, since having a history entry or even a deep link can be very useful.
Fortunately, this is very easy to do with HTMX using either HX-Push-Url response header or hx-push-url attribute 🙂

[josersleal]

why___ chatgpt will generate that in any lamg in 30s

[pammota]

Why not use both? Have React used for the first page loads, routing, and reusable components in code. And in that React code you can add HTMX tags that then use the server to update the components. I think for somewhat larger projects this approach would be quite manageable.

[mohamedoussous]

nice video, just make the background dark next time