All Episodes
Displaying 61 - 85 of 85 in total
Brain-coding an htmx to-do app V2 - NO MUSIC
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
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
Every attribute so far and where they fit together.
The basics: hx-select
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 everyt...
A conversation with chat gpt, aka the htmx shillbot 2000
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 bu...
The basics: hx-preserve
Updating a chunk of the DOM is easy -- but what if you wanted to leave one element alone?Content preservedContent will NOT be swapped out in the request, as long as t...
The basics: hx-indicator and the special htmx loading classes
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 par...
The basics: hx-params
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,...
The basics: hx-vals
How do you feel about setting your request values right there inline?STATIC Click for weather in one static locationDYNAMIC Click for weather in one static locatio...
Bonus: The Single Source of Truth
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...
The basics: hx-boost
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 in a single line...
Bonus: HOWL (Hypermedia On Whatever you'd Like)
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-whatever-youd-like/
The basics: hx-on (htmx 1.x -> 2.0)
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/attributes/hx-on/
The basics: hx-confirm
What, you're too good for a regular javascript confirmation?Finehttps://htmx.org/examples/confirm/
Bonus: htmx and gatekeeping
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
What on earth are PUT PATCH and DELETE and why would I use them instead of POST?Well, which do you like better?A) B)
Bonus: A real-world example of using hx-swap-oob
How to load a bunch of links to the after the page loads and place them anywhere you want with hx-swap-oobOn site:In response:Placement 1 text and linkPlacement 2 text...
The basics: hx-swap-oob
This is a new idea: let your response decide its own target(s)! Updated htmlMore updated html elsewhere on the page
The basics: hx-include
Uh oh. Your inputs are outside a tag, what's to be done?
The basics: hx-post
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 token headers:1. Like...
The basics: hx-swap
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
Is this really learning? It might be.
The basics: hx-trigger
What would "tailwind but for javascript" feel like?
The basics: hx-get and hx-target
What if your browser could skip the json-processing step of an api?
Bonus: Considering your legacy (code)
Consider this: you have to add a fancy feature to a legacy app. Who you gonna call?