hx-pod
Join me while I learn HTMX and talk at you about it
Twitter: @htmxlabs
Latest episodes
Jun 5, 2024 • 11min
Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle
Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)HX-Trigger - as soon as response receivedHX-Trigger-After-Swap - after new html is swapped inHX-Trigger-After-Settle - after new html is settled and processed by browsersingle eventHX-Trigger:eventmultiple eventsHX-Trigger:event1, event2 single event with valueHX-Trigger:{“event1”:”event 1 message”} single events with key/value dataHX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}multiple events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}
Jun 3, 2024 • 5min
Htmx response headers: HX-Reselect
{ "HX-Reselect": "#one-div-inside-html" }
May 31, 2024 • 31min
Is optimistic UI the "final boss" of htmx? (and livewire, unpoly, liveview, hotwire, etc)
This episode explores what an optimistic ui might look like in htmx. Also: is it what we want to do? Is it even possible? Or is it incompatible with the idea of having the dom as the true application state?Original tweet:https://x.com/noahflk/status/1795758603577545035DHH responses: https://x.com/dhh/status/1796163806650868149Htmx guy responses:https://x.com/htmx_org/status/1796182554883539236
May 29, 2024 • 6min
Htmx response headers: HX-Retarget
{ "HX-Retarget": "#my-special-target" }
May 24, 2024 • 5min
Htmx response headers: HX-Reswap
Override your "hx-swap=" attribute. Correct your hx-swap mistake! Do it now!!!
May 21, 2024 • 3min
Htmx response headers: HX-Refresh
{ "HX-Refresh": "true" }
May 17, 2024 • 8min
Htmx response headers: HX-Push-Url and HX-Replace-Url
Decide from your server side what url the user sees!https://htmx.org/headers/hx-push-url
May 16, 2024 • 36min
A conversation with Tom from Reddit: Building production apps using htmx
Speaking with a prolific developer who recently switched from React to htmx
May 14, 2024 • 8min
Htmx response headers: HX-Location and HX-Redirect
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/
May 10, 2024 • 9min
Htmx request headers: HX-History-Restore-Request
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
