This week, Robbie and Adam talk with Naman Goel about the origins and evolution of StyleX, how it integrates with React and other frameworks, and the pros and cons of different programming languages like Rust, TypeScript, and Swift. They dive into the challenges of building performant, type-safe styling systems, the surprising complexity of theme APIs, designing for developer experience, and more.
In this episode:
<ul>
<li>(00:00) - Intro</li>
<li>(02:26) - Whiskey rating & review: Glenfiddich 12 Year Old single malt Scotch</li>
<li>(09:13) - South Park, spy thrillers & sleeper hits you missed</li>
<li>(11:20) - Flow vs TypeScript</li>
<li>(14:59) - How CSS shaped Naman&rsquo;s perspective on type systems</li>
<li>(18:45) - How StyleX works&mdash;and why it&rsquo;s different from Tailwind</li>
<li>(21:02) - Tailwind Merge vs StyleX props: performance smackdown</li>
<li>(22:16) - Real-world use case: when and why you&rsquo;d want to merge styles</li>
<li>(25:45) - Inside the making of StyleX and its powerful theming system</li>
<li>(32:56) - Robbie and Adam wrangle Vue transitions in Astro</li>
<li>(36:09) - GIF or JIF? SPA or &ldquo;spa&rdquo;?</li>
<li>(40:36) - Building StarPod.dev: streaming audio across pages</li>
<li>(42:30) - Can you reduce client-side router noise?</li>
<li>(46:03) - Should you spec your idea or just blog it?</li>
<li>(47:18) - Naman&rsquo;s journey into writing web specs</li>
<li>(48:44) - What is link delegation?</li>
<li>(52:39) - Hot Take: Is Rust overrated?</li>
<li>(01:02:17) - The dream language Naman wishes someone would build</li>
<li>(01:04:57) - Are AI-generated programming languages just around the corner?</li>
<li>(01:05:53) - A spicy take on CSS syntax and readability</li>
<li>(01:06:27) - Is CSS finally catching up to StyleX?</li>
<li>(01:07:43) - Plugs & where to follow Naman</li>
</ul>
Links
<ul>
<li>Glenfiddich 12 Year Old single malt Scotch:&nbsp;<a href="https://shop.us.glenfiddich.com/products/glenfiddich-12-year-old">https://shop.us.glenfiddich.com/products/glenfiddich-12-year-old</a></li>
<li>South Park:&nbsp;<a href="https://en.wikipedia.org/wiki/South_Park">https://en.wikipedia.org/wiki/South_Park</a></li>
<li>Dungeons & Dragons:&nbsp;<a href="https://en.wikipedia.org/wiki/Dungeons_&_Dragons">https://en.wikipedia.org/wiki/Dungeons_&_Dragons</a></li>
<li>Alien Earth:&nbsp;<a href="https://en.wikipedia.org/wiki/Alien:_Earth">https://en.wikipedia.org/wiki/Alien:_Earth</a></li>
<li>Ozark:&nbsp;<a href="https://en.wikipedia.org/wiki/Ozark_(TV_series)">https://en.wikipedia.org/wiki/Ozark_(TV_series)</a></li>
<li>Jason Bateman:&nbsp;<a href="https://en.wikipedia.org/wiki/Jason_Bateman">https://en.wikipedia.org/wiki/Jason_Bateman</a></li>
<li>Black Rabbit:&nbsp;<a href="https://en.wikipedia.org/wiki/Black_Rabbit">https://en.wikipedia.org/wiki/Black_Rabbit</a></li>
<li>Slow Horses:&nbsp;<a href="https://en.wikipedia.org/wiki/Slow_Horses">https://en.wikipedia.org/wiki/Slow_Horses</a></li>
<li>Slow Horses:&nbsp;<a href="https://en.wikipedia.org/wiki/Slow_Horses">https://en.wikipedia.org/wiki/Slow_Horses</a></li>
<li>Typescript:&nbsp;<a href="https://www.typescriptlang.org/">https://www.typescriptlang.org/</a></li>
<li>StyleX:&nbsp;<a href="https://stylexjs.com/">https://stylexjs.com/</a></li>
<li>React:&nbsp;<a href="https://react.dev/">https://react.dev/</a></li>
<li>Tailwind CSS:&nbsp;<a href="https://tailwindcss.com/">https://tailwindcss.com/</a></li>
<li>SolidJS:&nbsp;<a href="https://www.solidjs.com/">https://www.solidjs.com/</a></li>
<li>Svelte:&nbsp;<a href="https://svelte.dev/">https://svelte.dev/</a></li>
<li>Vue:&nbsp;<a href="https://vuejs.org/">https://vuejs.org/</a></li>
<li>Astro:&nbsp;<a href="https://astro.build/">https://astro.build/</a></li>
<li>QuickJS:&nbsp;<a href="https://github.com/quickjs-ng/quickjs">https://github.com/quickjs-ng/quickjs</a></li>
<li>Ember:&nbsp;<a href="https://emberjs.com/">https://emberjs.com/</a></li>
<li>Angular:&nbsp;<a href="https://angular.dev/">https://angular.dev/</a></li>
<li>Vanilla Extract:&nbsp;<a href="https://vanilla-extract.style/">https://vanilla-extract.style/</a></li>
<li>Chrome:&nbsp;<a href="https://www.google.com/chrome/">https://www.google.com/chrome/</a></li>
<li>PHP:&nbsp;<a href="https://www.php.net/">https://www.php.net/</a></li>
<li>Figma:&nbsp;<a href="https://www.figma.com/">https://www.figma.com/</a></li>
<li>Theme UI:&nbsp;<a href="https://theme-ui.com/">https://theme-ui.com/</a></li>
<li>Stitches:&nbsp;<a href="https://stitches.dev/">https://stitches.dev/</a></li>
<li>Starpod.dev:&nbsp;<a href="https://starpod.dev/">https://starpod.dev/</a></li>
<li>Shopify:&nbsp;<a href="https://www.shopify.com/">https://www.shopify.com/</a></li>
<li>Rails:&nbsp;<a href="https://rubyonrails.org/">https://rubyonrails.org/</a></li>
<li>Livewire:&nbsp;<a href="https://laravel-livewire.com/">https://laravel-livewire.com/</a></li>
<li>Jason Miller - Application Holotypes: A Guide to Architecture Decisions:&nbsp;<a href="https://jasonformat.com/application-holotypes/">https://jasonformat.com/application-holotypes/</a></li>
<li>morphdom:&nbsp;<a href="https://github.com/patrick-steele-idem/morphdom">https://github.com/patrick-steele-idem/morphdom</a></li>
<li>HTMX:&nbsp;<a href="https://htmx.org/">https://htmx.org/</a></li>
<li>React Miami:&nbsp;<a href="https://www.reactmiami.com/">https://www.reactmiami.com/</a></li>
<li>CSS-Tricks:&nbsp;<a href="https://css-tricks.com/">https://css-tricks.com/</a></li>
<li>Swift:&nbsp;<a href="https://www.swift.org/">https://www.swift.org/</a></li>
<li>Python:&nbsp;<a href="https://www.python.org/">https://www.python.org/</a></li>
<li>C++:&nbsp;<a href="https://learn.microsoft.com/en-us/cpp">https://learn.microsoft.com/en-us/cpp</a></li>
<li>Go:&nbsp;<a href="https://go.dev/">https://go.dev/</a></li>
<li>esbuild:&nbsp;<a href="https://esbuild.github.io/">https://esbuild.github.io/</a></li>
<li>OCaml:&nbsp;<a href="https://ocaml.org/">https://ocaml.org/</a></li>
<li>Prettier:&nbsp;<a href="https://prettier.io/">https://prettier.io/</a></li>
<li>Haskell:&nbsp;<a href="https://www.haskell.org/">https://www.haskell.org/</a></li>
<li>Elm:&nbsp;<a href="https://elm-lang.org/">https://elm-lang.org/</a></li>
<li>CoffeeScript:&nbsp;<a href="http://coffeescript.org/">http://coffeescript.org/</a></li>
<li>LightningScript:&nbsp;<a href="https://lightningscript.dev/">https://lightningscript.dev/</a></li>
<li>Anthropic:&nbsp;<a href="https://www.anthropic.com/">https://www.anthropic.com/</a></li>
<li>Chris Coyier:&nbsp;<a href="https://x.com/chriscoyier">https://x.com/chriscoyier</a></li>
<li>React Summit:&nbsp;<a href="https://reactsummit.com/">https://reactsummit.com/</a></li>
<li>Solenoid:&nbsp;<a href="https://github.com/nmn/solenoid">https://github.com/nmn/solenoid</a></li>
</ul>
Connect with Naman
<ul>
<li>Website:&nbsp;<a href="https://nmn.sh/">https://nmn.sh/</a></li>
<li>X / Twitter:&nbsp;<a href="https://x.com/naman34">https://x.com/naman34</a></li>
<li>Bluesky:&nbsp;<a href="https://bsky.app/profile/nmn.bsky.social">https://bsky.app/profile/nmn.bsky.social</a></li>
</ul>
Connect with the hosts
<ul>
<li>Robbie Wagner:&nbsp;<a href="https://x.com/RobbieTheWagner">https://x.com/RobbieTheWagner</a></li>
<li>Chuck Carpenter:&nbsp;<a href="https://x.com/CharlesWthe3rd">https://x.com/CharlesWthe3rd</a></li>
<li>Adam Argyle:&nbsp;<a href="https://x.com/argyleink">https://x.com/argyleink</a></li>
</ul>
Subscribe and stay in touch
<ul>
<li>Website:&nbsp;<a href="https://whiskey.fm/">https://whiskey.fm</a></li>
<li>Apple Podcasts:&nbsp;<a href="https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603">https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603</a></li>
<li>Spotify:&nbsp;<a href="https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf">https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf</a></li>
<li>Overcast:&nbsp;<a href="https://overcast.fm/itunes1552776603">https://overcast.fm/itunes1552776603</a></li>
<li>YouTube:&nbsp;<a href="https://www.youtube.com/@WhiskeyWebAndWhatnot">https://www.youtube.com/@WhiskeyWebAndWhatnot</a></li>
</ul>
Whiskey Web and Whatnot MerchEnjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at&nbsp;<a href="https://whiskey.fund/">https://whiskey.fund</a>.

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Rust Is Overrated w/ Naman Goel

Whiskey Web and Whatnot: Web Development, Neat

AI Chapters

AI Insights

Reviews