HTMX - Dynamic HTML without Javascript

This week we complete work on our add new item story. Then, while we wait for our owner Alison to decide if it’s good enough, we investigate a new technology, HTMX.

Let’s see whether HTMX lives up to its promise of interactive webpages without having to learn a Javascript framework.

In this episode

* 00:00:32 A bug in the last feature
* 00:00:56 Noticeable page reloads
* 00:01:27 Adding HTML validation
* 00:02:09 Improving accessibility
* 00:06:26 Upgrade http4k to fix last week's bug
* 00:08:08 Deploy to production
* 00:08:26 Introducing HTMX
* 00:09:23 Implement form submit confirmation
* 00:11:34 Consider user interface testing
* 00:12:33 Address warnings and commit
* 00:13:15 What is HTMX Boost doing?
* 00:13:57 HTMX partial page render
* 00:16:18 Add a test for partial rendering
* 00:17:07 Render a partial page with Handlebars
* 00:20:23 Change our handler to return content instead of a redirect
* 00:23:03 Wot no TDD?
* 00:23:45 Now add some tests
* 00:32:52 Commit passing code
* 00:32:58 Implement HTMX delete with TDD
* 00:35:17 Nearly done
* 00:35:20 Address HTML warnings
* 00:37:13 Review

This is part 87 of an exploration of where a Test Driven Development implementation of the Gilded Rose stock control system might take us in Kotlin. You can see the whole series as a playlist
https://www.youtube.com/playlist?list=PL1ssMPpyqociJNwykAOB9_KEZVW7BW7m2
and the code on GitHub
https://github.com/dmcg/gilded-rose-tdd

If you like this, you’ll probably like my book Java to Kotlin, A Refactoring Guidebook
(http://java-to-kotlin.dev). It's about far more than just the syntax differences between the languages - it shows how to upgrade your thinking to a more functional style.