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: .css-j9qmi7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-weight:700;margin-bottom:1rem;margin-top:2.8rem;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;padding-left:5rem;}@media only screen and (max-width: 599px){.css-j9qmi7{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}.css-j9qmi7 svg{fill:#27292D;}.css-j9qmi7 .eagfbvw0{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#27292D;}