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
Why JUnit's Dynamic Tests ARE SO GOOD -  https://youtu.be/cgnrB5PkaBo
How to Approach Java, Databases & SQL - https://youtu.be/dhKRBzFzg3Q?feature=shared

► Source Repository
GitHub: https://github.com/marcobehlerjetbrains/google-photos-clone
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
https://www.marcobehler.com
https://twitter.com/MarcoBehler

Marco Codes

A practical walkthrough of htmx using two real-world use cases in a Google Photos clone: implementing infinite scroll and an asynchronous zip download with progress tracking. Both features are built without writing any JavaScript, using only htmx HTML attributes like hx-get, hx-trigger, hx-swap, and hx-target. The backend is Java Spring Boot with Thymeleaf, but the concepts apply to any stack. The tutorial covers server-side HTML fragment responses, polling for progress updates, and managing multiple UI states declaratively.

htmx Tutorial - 2 Real-Life Use Cases