htmx Tutorial - 2 Real-Life Use Cases

Learn what htmx is and how it works by implementing two features in a real-world project: Infinite Scrolling and an asynchronous download button, which displays a progress bar while the download is being prepared on the backend. Afterwards you'll know if you want to replace your react or angular frontend with htmx :)

► Previous Episode

► Source Repository
Branch: episode-8-htmx

► Timestamps
00:00 Intro
02:27 htmx explained
03:18 Implementing Infinite Scrolling (hx-get, hx-trigger, hx-swap)
12:05 Implementing Asynchronous Download Buttons (hx-target, hx-post, hx-delete)
19:28 htmx - what to learn next
20:04 Outro

► FOLLOW ME

[KevinSheppard]

Describing your side project as an endless pit of challenges is peak relatability. Also, my fellow back end devs, our time is now! HTMX ftw!

[tschuehly]

Awesome video, I've recently implemented exactly this use case with HTMX and Spring ViewComponent

[erdinc]

You are a real lecturer Marco, thanks. Please explain why do I need Thymeleaf if I have htmx?

[asterixcode]

How cool is that! So nice, Marco! Thanks for another video!

[monjurmorshed]

Great demo, request for more htmx related videos.

[kamenlozev]

Marco, Thank you so much. Very helpful and informative video. Awesome new technology.

[kelownatechkid]

This was a really practical example, thanks!

[MortenBendiksen]

This feels like what the X in XML was always supposed to mean, though I never got it until now.

[FrancoisLacoursiere]

Awesome video, as always. Let us know when you will be in Canada. It would be fun to see you present a thing like this at our JUG. And maybe you could add more photos to your photo app ;-)

[eboyd]

An interesting change to the progress bar might be to show the image being stored to the archive at that moment in time. 🤔

[d.]

Hi Marco, thank's a lot as always, do you thing htmx can be used in production ? Is it a long term project for you ?

[cypherliquid]

I think bro forgot his google account password