hx-pod

Redirect your users to a new page from your back-end server in SPA-mode (no refresh for them)https://htmx.org/headers/hx-location/

This header is to make sure your system loads the full page when 1) You are suing hx-push-url to work with the url bar2) Users click the back button.3) The full page cached history snapshot isn't thereUseful links mentioned:https://github.com/bigskysoftware/htmx/issues/497https://htmx.org/docs/#history

The htmx request header that tells youEXACTLY where the user is making the request fromThe full url string with all ids and params

A case for taking the extra steps. It's a good thing

hx-prompt="what's your favorite size turtle?"Request Headers:Hx-Prompt: small

How can your server tell if its a regular link click or an hx-boost SPA-mode link click??I'll tell you everything about it in these 5 minutes!

Let's your server know what the id is of the hx-target!You need 2 things to send this request header:1. Use the attribute: hx-target="some_id"2. Use a DOM id as the target: some_id needs to be an id, not another css selector

You can use these headers to conditionally branch your response based on *which element* the request was triggered fromexample of format:Request Headers:Hx-Trigger: search_inputHx-Trigger-Name: search

An example in the wild: The Laravel blade documentation:https://laravel.com/docs/11.x/blade#rendering-blade-fragments

We're (Me're) 43 episodes in. What's next?