hx-pod - podcast cover

hx-pod

Lazarus•twitter.com
Technology
Education
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.
Follow on
Apple Podcasts
Spotify
RSS
YouTube
Overcast
Pocket Casts
Episodes.fm
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

Htmx extensions: preload

Adds pre-loading to your links and hx-get requests for that extra bit of speed. https://htmx.org/extensions/preload Examples: https://hypecp.com/#htmx-preload

Aug 07, 2025•15 min•Season 6Ep. 4

Htmx extensions: idiomorph

Adds the hx-swap="morph " option. Let's you do fine-grained swapping and unlocks smooth css transitions between swapped elements. <body hx-ext="morph"> <hx-swap="morph"> https://htmx.org/extensions/idiomorph Examples: https://hypecp.com/#htmx-idiomorph

Aug 01, 2025•10 min•Season 6Ep. 3

Htmx extensions: htmx-1-compat

Make your transition from htmx 1 to 2 easier with this extension "Flip the switch slowly" https://htmx.org/extensions/htmx-1-compat/

Jul 30, 2025•7 min•Season 6Ep. 2

Htmx extensions: head-support

Core htmx extension head-support Add support for modifying, updating, or replacing items in the <head> tag of your page. Working example: https://hypecp.com/#htmx-head-support <script src="https://cdn.jsdelivr.net/npm/htmx-ext-head-support@2.0.2"></script> <body hx-ext="head-support"> <title hx-head="re-eval">

Jul 28, 2025•7 min•Season 6Ep. 1

Datastar 1.0 launch with Delaney Gillilan

...and why Laz thinks htmx is here to stay. A wide-ranging conversation with the creator of the real-time hypermedia framework Datastar Delaney Gillilan. 1.0 launches with a full rewrite, a new website, and a non-profit foundation. * What is datastar? * What's different in 1.0? * Why datastar got rid of all dependencies * Going bigger and planning for the future * Web devs can learn a thing or two from game devs * Is SSE going to have its 'moment'? * Lazarus on why htmx is here to stay * Taking ...

Jul 19, 2025•2 hr 27 min•Season 5Ep. 21

Self-destructing polling

<div hx-get="/sending-status/" hx-trigger="every 2s" hx-swap="outerHTML"> Sending... </div>

Jun 24, 2025•6 min•Season 5Ep. 20

Building with no build step

Is it ok? Can you make "real" apps without npm? Original X post: "we are now at a point that we can ditch build systems for many projects & many people underestimate the amount weight doing so would lift off their burdened shoulders" - htmx_org https://x.com/htmx_org/status/1928819921376395580 Chapters: 0:14 What is no-build? 1:35 The X arguments 4:25 Why the build process is (was) good 5:26 Build process in practice 6:31 Got money to burn? 8:25 Do your own thing 9:12 Tailwind CSS and Remix ...

Jun 04, 2025•12 min•Season 5Ep. 19

Ronan Berder: Basecoat UI (ShadCN without React)

I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects. Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions. Basecoat UI: https://basecoatui.com/ Basecoat Repo: https://github.com/hunvreus/basecoat Ronan on X: https://x.com/hunvreus I ask him how he built it, why he built, and what he has in store for it. Chapters (from AI) 00:00 Introduction to Basecoat UI 06:51 The Journ...

May 29, 2025•1 hr 14 min•Season 5Ep. 18

Carson Gross: The Grug Brained Developer (the book)

https://grugbrain.dev read the essay. buy the book. it's so good 00:00 Intro 01:00 What is the Grug Brained Developer? 06:13 Carson's dev cred 12:12 Web dev is hard! 13:08 The Eternal Enemy: Complexity 17:27 Saying No 19:07 Saying ok 22:28 Factoring Your Code 26:45 Testing 32:56 Agile 35:04 Refactoring 38:42 Chesterton's Fence 41:03 Microservices 45:12 Tools Type Systems 53:58 Expression Complexity 57:07 DRY 1:00:22 Separation of Concerns (SoC) 1:04:28 Closures 1:07:57 Logging 1:08:14 Concurrenc...

May 27, 2025•1 hr 30 min

Clean code vs. codin' dirty

Codin' Dirty essay: https://htmx.org/essays/codin-dirty/ One of many in the htmx/uncle bob twitter feud: https://x.com/unclebobmartin/status/1917306604267135311

May 16, 2025•20 min•Season 5Ep. 17

Datastar signals

Datastar signals let you do front end stuff like alpine & hyperscript Demo: https://hypecp.com/demos/datastar-signals Video: https://youtu.be/csPFLpm8OYI Bad Apple: https://data-star.dev/examples/bad_apple

Apr 13, 2025•12 min•Season 5Ep. 15

World's easiest live dashboard with htmx

This might be the fastest, easiest way possible to make your dashboard live! Basically just do polling with an hx-get, hx-select, and an hx-trigger The visual version of this episode: https://www.youtube.com/watch?v=NU3FEHJRMEs

Mar 29, 2025•7 min•Season 5Ep. 14

A unified theory of hypermedia

Any Back-end. How html is generated doesn’t matter HATEOAS - No virtual DOM No build step, No Node or npm Don’t care about package size - as long as no dependency chain Load things as you need them (page and assets) Nothing is faster or more efficient than html

Mar 18, 2025•12 min•Season 5Ep. 13

Going Live

yes my first one was a technical debacle, and that's ok

Mar 07, 2025•5 min•Season 5Ep. 12

Brock Benson - From vuejs to htmx: the good, the bad, and the ugly

Mayples on Twitter: https://x.com/mayples_co In this episode I talk to Brock Benson, creator of Mayples, a business valuation SaaS. Last year, Brock made the decision to rewrite his large-scale, Live VueJS production app into an htmx app. During this rebuild, Brock went on a journey into the internals of htmx, built his own extensions, embraced _hyperscript, and pushed against the limits of htmx. Does it scale? What were the pain points? What tricks did he come up? How does it compare with his e...

Feb 20, 2025•2 hr 4 min

Introducing Fixi, the minimalist hypermedia library by Jason Cross

Fixi: https://github.com/bigskysoftware/fixi Fixi is a new hyper-minimalist javascript library. At less than 4kb, it gives much of the power of similar hypermedia libraries like htmx, with a new stream-lined approach. Use attributes like fx-action, fx-method, fx-trigger, and fx-swap to perform ajax requests to work with html from your server. In this episode Lazarus talks to its creator, Jason Cross. Chapters (from AI) 00:00 Introduction to Hypermedia Frameworks 02:49 Exploring HTMX and HTMZ 05:...

Feb 13, 2025•56 min

Speedify your site by dumbening your browser

The original tweet with the tweet that breaks your browser: https://x.com/defnotbeka/status/1878009000161407021 Hypermedia shines when the data on the page gets big

Jan 24, 2025•11 min•Season 5Ep. 8

The basics of css specificity

#my-id -> 1 0 0 .my-class -> 0 1 0 button -> 0 0 1 #my-id .my-class -> 1 1 0 id | class | type https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Jan 20, 2025•13 min•Season 5Ep. 7

Exploring Unpoly JS with creator Henning Koch

Henning Koch, creator of Unpoly, discusses where his hypermedia framework sits in the ecosystem, why he built it, and why he favors Convention over Configuration. https://unpoly.com Unpoly has been around for a decade and is used in production by companies all around the world, including Bosch, Volkswagen, Audi, and Siemens. https://github.com/unpoly/unpoly/discussions/666

Dec 11, 2024•1 hr 24 min•Season 4Ep. 15
Next →
Hosted on Transistor
For the best experience, listen in Metacast app for iOS or Android