Server-Driven Web Apps with htmx

Widening the Scope

One option for updating multiple parts of the page is to instead update a single large element that contains all of the smaller elements that need to be updated. In this approach, the endpoint only needs to return a single element.

Usually, this isn’t a good choice because it can require returning more HTML than necessary and will cause elements to be replaced that aren’t changing. If this approach were used in the todo app, every time a new todo was added we would replace the status line, the text input, the Add button, and the entire list of items. This is clearly nonoptimal.