Per listener request: Same episode as last, but without the soundtrack!

Keeping the other up for posterity's sake.

Every developer should have their own custom to-do app. Join me for my journey building this simple app in my head using htmx

Every attribute so far and where they fit together.

What if.. you wanted just a part of the html from the response?

In a perfect world, you could just use a simple css selector to get only what you need and filter everything else out.

Well, welcome to the perfect world -- hx-select style.

NOTE: This is some Star Trek computer shit. You gotta hear it to believe it

BIG interview today.

We delve into where htmx fits in the broader dev world, how we might build a calendar with htmx, and even how to build and publish our own hx-load-class attribute.

Updating a chunk of the DOM is easy --  but what if you wanted to leave one element alone?

Content will NOT be swapped out in the request, as long as the id in the request data matches.

https://htmx.org/attributes/hx-preserve/

Do you ever want to let the user know you are loading something?

Of course you do. Just add the htmx-indicator class to any element (loading div, svg, gif), and the parent requests will make it show up.

We discuss the magic you get for free in htmx and the way to customize it!

ok, you are submitting a form.. but what if you don't want to submit the whole thing?
Use what only i call "the mysql selector of htmx"

hx-params="first_name, last_name, state"

or what if you wanted to exclude a field?

hx-params="not secret_field"

How do you feel about setting your request values right there inline?

STATIC
              hx-trigger="click"
              hx-vals='{"location": "01245"}'>
   Click for weather in one static location

DYNAMIC
              hx-trigger="click"
              hx-vals='js:{location: document.getElementById("zipcode").value}'>
   Click for weather in one static location

OR
              hx-trigger="click"
              hx-vals='js:{location: someJavascriptCalculationFunction()}'>
   Click for weather in one static location

Your built-in advantage of building html on the server: everything important is already there.

Here are the two server/client mental model discussions referenced in the audio:

1. Primagean "The truth about HTMX"
Front end backend s=discussion starts around 12m
https://www.youtube.com/watch?v=2hMrk7A8Wf0

2. Mostly Technical Podcast
"High Floor vs. High ceiling"
https://mostlytechnical.com/episodes/13-the-sql-injection-slide-with-sam-selikoff#t=9m6s