JFall 2023 is a Dutch Java User Group 3-day conference packed into 1 day, and this year celebrated its 20th anniversary!
I was honored to be able to present at the conference and my presentation “HTMX: Web 1.0 with the benefits of Web 2.0 without the grift of Web 3.0” was selected. In this post I’m giving you the cliff notes of the presentation and the slides, as we eagerly await the upload of the recorded video.
These are the slides:
What is HTMX?
Why does HTMX exist?
- HTML only provides GET and POST, and
- only and <form> tags provide client-server communication
Effectively HTML is stuck in 1995. SPA’s solve the “stuck in 1995” problem by working around HTML. HTMX solves the problem by extending HTML
How does HTMX work?
HTMX provides the following to extend HTML, augment the client-server communication and allow you to provide rich user experiences.
- attributes on elements
- request and response headers to give server a way to respond to and direct HTMX
- classes for animations and indicators
- events for hooking into the various stages of HTMX and provide additional interactivity
- extensions to provide more functionality like websockets, server-sent events and various DOM morphing algorithms
In the presentation I gave some examples for each of these HTMX additions, and then I proceeded to give a live demo.
A live demo
The live demo consisted of two parts:
You can find the code at github (see the links).
With HTMX a backend developer can now make HTML pages more dynamic without having to switch to a full client-side application build. You just render out HTML and progressively enhance the application with HTMX tags and such to make a rich application.
I heartily recommend checking out HTMX and give it a 9/10.