hx-pod - podcast cover

hx-pod

Lazarustwitter.com
Join me while I learn about web fundamentals and talk at you about it Twitter: @all__hype
Last refreshed:
Follow this podcast in the Metacast mobile app to refresh it and see new episodes.
Download Metacast podcast app
Podcasts are better in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

Server-driven web apps w/ R. Mark Volkmann

The exceptionally prolific R. Mark Volkmann talks about his book "Server-Driven Web Apps with htmx", along with his approach to learning, writing, teaching, hx-swapping, and much more! The book: https://pragprog.com/titles/mvhtmx/server-driven-web-apps-with-htmx/ A talk on htmx: https://www.youtube.com/watch?v=U3CYrD2ry-U A blog on EVERYTHING: https://mvolkmann.github.io/blog/topics/ The Notes directory: https://github.com/mvolkmann/MyUnixEnv/tree/master/notes

Nov 22, 20241 hr 8 minSeason 4Ep. 14

Hyperview: Server-driven mobile app development

Adam Stepinski, creator of Hyperview and co-author of Hypermedia Systems, explains how and why developed Hyperview. Hyperview lets you create a shell for your iOS/Android app, then populate it using XML and hypermedia, htmx-style inspired concepts. Hyperview is extensible, so you can find or build your own plugins. Links discussed: Website: https://hyperview.org Hyperview Github Repo (best place to ask questions): https://github.com/instawork/hyperview Discussion about client-side validation: ht...

Nov 18, 20241 hr 22 minSeason 4Ep. 13

I rewrote my entire product in a weekend with htmx

Eric Harrison, MakeStartups Original twitter post: https://twitter.com/blister/status/1752357600547545356 For-Profit: https://makestartups.com Non-Profit (school): https://makestartups.org Personal website: https://ericharrison.info

Nov 04, 20241 hr 18 minSeason 4Ep. 11

The 100-year web service w/ Alex Petros

Home site: https://alexanderpetros.com/ Utah JS talk (100 year web service): https://www.youtube.com/watch?v=lASLZ9TgXyc Big Sky Dev Con Talk (Life and Death of Htmx): https://www.youtube.com/watch?v=1g5ruM-16_Y&t=2684s Triptych Proposals: https://alexanderpetros.com/triptych/ Blog: https://unplannedobsolescence.com/

Oct 30, 20241 hr 18 minSeason 4Ep. 10

3 years of htmx + Django

Lucas Pires of CheckSec on when to use htmx and django -- and when NOT too Links: PyCon PT 23 | Building advanced back-office interfaces using Django & HTMX https://www.youtube.com/watch?v=hdLWZQb8pkE

Oct 03, 20241 hr 1 minSeason 4Ep. 8

The vanilla web needs an A+ ui kit

Sahil's tweet: https://x.com/shl/status/1839686512767627310 Where is our ShadCN? Where is our Flux UI? Where is our Tailwind UI?

Sep 27, 202411 min

Expanding the hypermedia mindset w/ Datastar creator Delaney Gillilan

Hypermedia contrained by ajax and network calls? No way -- Delaney is here to expand your mind with 60fps hypermedia streaming to your browser! Data Star: https://data-star.dev Grugs around the Fire: https://data-star.dev/essays/grugs_around_fire

Sep 23, 20241 hr 43 minSeason 4Ep. 7

Building a slick comparison tool with htmx

See what I'm talking about: https://x.com/htmxlabs/status/1831510008946708959 Shoutout to reddit user Thoram https://www.reddit.com/r/htmx/comments/125gha4/prevent_scrolling_on_hxboost/

Sep 11, 202416 min

Software that lasts, a story

My father in law runs his business using a CAD app running on a floppy disk. No, I'm not kidding

Aug 29, 202415 min

Building a framework on top of htmx (Sprig) - with htmx contributor Ben Croker

Ben Croker is building Sprig for CraftCMS, a reactive framework for CraftCMS built using htmx. As one of the top contributors to htmx, Ben also shares his tips on contributing to open source. Sprig Cookbook: https://putyourlightson.com/sprig/cookbook Ben on Twitter: https://x.com/ben_pylo Craft CMS: https://craftcms.com http://devMode.fm Ben Croker + Carson Gross podcast episode: https://devmode.fm/episodes/dynamic-html-with-htmx...

Aug 20, 20241 hr 30 minSeason 4Ep. 5

Empowering Junior Devs with htmx - Sheena O'Connell

An HTMX success story https://www.sheenaoc.com/articles/2024-06-30-htmx Sheena joins to talk about how she teaches her junior devs to teach noob devs how to become junior devs

Jul 29, 20241 hr 4 minSeason 4Ep. 4

Building a modal, PART 2

<dialog> tag is great https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

Jul 17, 202412 min

Large table pattern using htmx

Mentioned, how to submit and reset a form on success using htmx: <form hx-post="/admin/candidates" hx-target="#candidates_add_form" hx-swap="beforebegin" hx-on::after-request=" if(event.detail.successful) this.reset()" > This assumes the last row is the add form, and places the newly added item directly above it.

Jun 20, 202419 min

Htmx headers: Season 3 Recap

"We've done them all now" All headers grouped ===========> REQUEST HEADERS ======> Flags *HX-Boosted - was it a boosted link *HX-Request - is it an htmx request *HX-History-Restore-Request - is it a back button restore request ======> Auto-sent variables *HX-Current-URL - current url page is at *HX-Target - id of target if has id *HX-Trigger-Name - which element triggered it by name *HX-Trigger - which element triggered it ======> User Variables *HX-Prompt - user is asked to provide ...

Jun 13, 202411 minSeason 3Ep. 15

I went to Big Sky Dev Con 2024 so you don’t have to

i went to #BSDC2024 (not an htmx con) so you don't have to. here's my own recap of all the talks Every talk is available to watch at: https://bigskydevcon.com 1:26 - The htmx guide to gonzo open source marketing by Carson Gross 8:23 - The Life & Death of HTMX by Alex Petros 13:29 - Hypermedia Middleware: Introducing Walrus by Ben Damman 17:14 - htmx sucks and now you're gonna hear about it (Mind the Gap) by Ryan Florence 23:27 - Abusing Hypermedia by Nathaniel Maile & Jon-Michael Hartway...

Jun 09, 202454 min

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 received HX-Trigger-After-Swap - after new html is swapped in HX-Trigger-After-Settle - after new html is settled and processed by browser single event HX-Trigger:event multiple events HX-Trigger:event1, event2 single event with value HX-Trigger:{“event1”:”event 1 message”} single events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”val...

Jun 05, 202411 minSeason 3Ep. 14

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/1795758603577545035 DHH responses: https://x.com/dhh/status/1796163806650868149 Htmx guy responses: https://x.com/htmx_org/status/1796182554883539236

May 31, 202431 min
Hosted on Transistor
For the best experience, listen in Metacast app for iOS or Android