Should You Learn Tailwind Before CSS? w/ Bree Hall

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.

Veteran web developers RobbieTheWagner and Charles William Carpenter III host this informal, whiskey-fueled fireside chat with your favorite web devs. They discuss all things web development including JavaScript, TypeScript, EmberJS, React, Astro, SolidJS, CSS, HTML, Web3, and more. They take a unique approach and focus on getting to know the human side of developers and their hobbies outside of work, all while sampling a new whiskey that they rate on their unique tentacle scale.