hx-pod
Episodes
Advanced htmx: hx-sync
28 Feb 2024
Contributed by Lukas
Having any weird async ajax request issues? htmx got yer back 🤜 🤛
Advanced htmx: hx-push-url and hx-replace-url
24 Feb 2024
Contributed by Lukas
Push your ajax route to the url bar! Now you've got access to the back button again... but what happens when you refresh?Work with the browser history...
Brain-coding an htmx to-do app V2 - NO MUSIC
22 Feb 2024
Contributed by Lukas
Per listener request: Same episode as last, but without the soundtrack!Keeping the other up for posterity's sake.
Brain-coding an htmx to-do app
21 Feb 2024
Contributed by Lukas
Every developer should have their own custom to-do app. Join me for my journey building this simple app in my head using htmx
The basics: Season 1 recap, grouping the attributes
17 Feb 2024
Contributed by Lukas
Every attribute so far and where they fit together.
The basics: hx-select
16 Feb 2024
Contributed by Lukas
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 ...
A conversation with chat gpt, aka the htmx shillbot 2000
12 Feb 2024
Contributed by Lukas
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...
The basics: hx-preserve
09 Feb 2024
Contributed by Lukas
Updating a chunk of the DOM is easy -- but what if you wanted to leave one element alone?<div id="leave-me-alone" hx-preserve>Content preserve...
The basics: hx-indicator and the special htmx loading classes
06 Feb 2024
Contributed by Lukas
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, ...
The basics: hx-params
03 Feb 2024
Contributed by Lukas
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...
The basics: hx-vals
01 Feb 2024
Contributed by Lukas
How do you feel about setting your request values right there inline?STATIC<button hx-get="/my/weather/data" hx-trigger="click"...
Bonus: The Single Source of Truth
30 Jan 2024
Contributed by Lukas
Your built-in advantage of building html on the server: everything important is already there.Here are the two server/client mental model discussions ...
The basics: hx-boost
28 Jan 2024
Contributed by Lukas
How can you change your entire site to be faster and snappier with just one attribute?How can you recreate the entire libraries of turbolinks and pjax...
Bonus: HOWL (Hypermedia On Whatever you'd Like)
25 Jan 2024
Contributed by Lukas
Or, "How I learned to stop worrying and stack this stack on all other stacks."Essay on HOWL from htmx.org:https://htmx.org/essays/hypermedia-on-whatev...
The basics: hx-on (htmx 1.x -> 2.0)
25 Jan 2024
Contributed by Lukas
ALERT ALERT hx-on is changing tomorrow!...sort of1->2 guide:https://v2-0v2-0.htmx.org/migration-guide-htmx-1/hx-on attribute:https://htmx.org/attri...
The basics: hx-confirm
24 Jan 2024
Contributed by Lukas
What, you're too good for a regular javascript confirmation?Finehttps://htmx.org/examples/confirm/
Bonus: htmx and gatekeeping
23 Jan 2024
Contributed by Lukas
Who gatekeeps the Gatekeepers? the coast guard?Thank you to rick @maverism for tweeting out the podcast!
The basics: hx-put, hx-patch, and hx-delete
23 Jan 2024
Contributed by Lukas
What on earth are PUT PATCH and DELETE and why would I use them instead of POST?Well, which do you like better?A) <button hx-delete="/articles/1"&g...
Bonus: A real-world example of using hx-swap-oob
22 Jan 2024
Contributed by Lukas
How to load a bunch of links to the after the page loads and place them anywhere you want with hx-swap-oobOn site:<div hx-get="/load-podcast-links"...
The basics: hx-swap-oob
22 Jan 2024
Contributed by Lukas
This is a new idea: let your response decide its own target(s)! <div id="my-update-div" hx-swap-oob="true">Updated html</div><div id="...
The basics: hx-include
18 Jan 2024
Contributed by Lukas
Uh oh. Your inputs are outside a <form> tag, what's to be done?
The basics: hx-post
17 Jan 2024
Contributed by Lukas
Want to use POST requests in ajax, and submit forms from anywhere on the page?As promised in the episode, here are three ways to set up your CSRF toke...
The basics: hx-swap
14 Jan 2024
Contributed by Lukas
You got your data back and your target, now where does it fit?
Trailer: The premise of this podcast is that you people are sick
13 Jan 2024
Contributed by Lukas
Is this really learning? It might be.
The basics: hx-trigger
13 Jan 2024
Contributed by Lukas
What would "tailwind but for javascript" feel like?
The basics: hx-get and hx-target
10 Jan 2024
Contributed by Lukas
What if your browser could skip the json-processing step of an api?
Bonus: Considering your legacy (code)
09 Jan 2024
Contributed by Lukas
Consider this: you have to add a fancy feature to a legacy app. Who you gonna call?