Should You Learn Tailwind Before CSS? w/ Bree Hall

Whiskey Web and Whatnot: Web Development, Neat

This week, live from React Miami, Chuck, and special guest co-host Aaron Francis, talk with Bree Hall about React styling strategies, Tailwind CSS, and whether you should learn fundamentals before frameworks (spoiler: it depends). They explore the evolution of Next.js, the importance of developer momentum, and how to break into tech in today’s landscape.

In this episode:

  • (00:00) - Intro
  • (02:11) - Rum rating and review: Roble Viejo Extra Anejo 8yrs
  • (07:25) - Hot Take: Tailwind vs vanilla CSS
  • (12:54) - Bree's React Miami talk: Styles & SASSy
  • (15:16) - Has Tailwind made CSS too easy?
  • (17:47) - Hot Take: Why you don't need to learn CSS or PHP before jumping into Tailwind or Laravel
  • (23:34) - Bree's journey into tech
  • (26:49) - The strengths and weaknesses of React
  • (27:29) - Where does React end and Next.js begin?
  • (31:24) - Why Astro is great
  • (33:04) - Using the tools that work for you
  • (36:38) - Life at HubSpot
  • (39:45) - Bree's favorite food spots
  • (44:48) - Theme parks and tech
  • (47:10) - Parenting in the internet age
  • (52:06) - If not in tech, what would Bree do instead?
  • (53:52) - Plugs

Links

  • Roble Viejo Extra Anejo 8yrs: https://ronroble.com/nuestros-rones/extra-anejo/
  • React Miami: https://www.reactmiami.com/
  • Kent C. Dodds: https://kentcdodds.com/
  • Bacardi: https://www.bacardi.com/
  • Flor De Cana 18: https://www.flordecana.com/
  • Captain Morgan: https://www.captainmorgan.com/
  • Tailwind CSS: https://tailwindcss.com/
  • Emotion: https://emotion.sh/
  • Vanilla Extract: https://vanilla-extract.style/
  • SQLite: https://www.sqlite.org/
  • Bootstrap: https://getbootstrap.com/
  • React: https://react.dev/
  • Laravel: https://laravel.com/
  • jQuery: https://jquery.com/
  • Photoshop: https://www.adobe.com/products/photoshop
  • Kubernetes: https://kubernetes.io/
  • Angular: https://angular.dev/
  • Typescript: https://www.typescriptlang.org/
  • Astro: https://astro.build/
  • Vite: https://vite.dev/
  • Ember: https://emberjs.com/
  • Neon: https://neon.tech/
  • Web Dev Challenge: https://www.youtube.com/playlist?list=PLz8Iz-Fnk_eTkZvSNWXW_TKZ2UwVirT2M
  • 4 hours to build an e-commerce app — Web Dev Challenge S1E9: https://www.youtube.com/watch?v=ICpQQxD8vc4
  • Rails: https://rubyonrails.org/
  • HubSpot: https://hubspot.com
  • GitHub: https://github.com
  • Ichi Koroshi Ramen: https://www.instagram.com/ichikoroshi/
  • Disney World: https://disneyworld.disney.go.com/
  • Lego: https://lego.com
  • Boston Dynamics: https://bostondynamics.com/
  • Universal: https://www.universalorlando.com/
  • Minecraft: https://www.minecraft.net/
  • Screencasting.com: https://screencasting.com

Connect with Bree

  • Website: https://www.bytesofbree.com/
  • X / Twitter: https://x.com/bytesofbree

Connect with Chuck and Robbie

  • Robbie Wagner: https://x.com/RobbieTheWagner
  • Chuck Carpenter: https://x.com/CharlesWthe3rd

Subscribe and stay in touch

  • Website: https://whiskey.fm
  • Apple Podcasts: https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603
  • Spotify: https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf
  • Overcast: https://overcast.fm/itunes1552776603
  • YouTube: https://www.youtube.com/@WhiskeyWebAndWhatnot

Whiskey Web and Whatnot Merch

Enjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at https://whiskey.fund.

See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes, and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada