Should You Learn Tailwind Before CSS? w/ Bree Hall
· Summarized
Key takeaways
- The discussion on whether to learn CSS fundamentals or start with frameworks like Tailwind revolves around personal motivation and the context of project needs.
- Bree Hall's journey into tech emphasizes the value of addressing gaps in knowledge while balancing hands-on learning.
- Astro is highlighted as a promising framework for its versatility, allowing developers to use it alongside multiple other frameworks.
- Parenting in today's digital landscape requires thoughtful approaches to technology, emphasizing the importance of creativity and engagement over consumption.
- Bree's passion for baking and food serves as a reminder that creative pursuits can thrive alongside tech careers.
Summary
Introduction and Rum Rating
The podcast kicks off with hosts Chuck and Aaron welcoming their guest Bree Hall, fresh off her talk at React Miami. They dive straight into the segment's namesake - rum tasting. The featured rum is the Roble Viejo Extra Anejo, which gets a mixed yet positive review from the hosts as they describe its smoothness, dessert-like flavors, and oakiness.
Tailwind CSS vs Vanilla CSS
A lively debate unfolds around whether developers should learn traditional CSS before diving into Tailwind. Bree shares her insights that while some argue for the necessity of foundational knowledge, others may benefit from momentum and motivation gained from using frameworks like Tailwind. They discuss how adopting tools comes down to individual needs and team requirements.
Bree's Journey and Insights
Bree shares her experiences entering the tech industry, addressing the barriers many face when trying to land a job. She highlights the importance of understanding core fundamentals but also acknowledges the balance between learning and doing, particularly in a fast-paced job market.
Exploration of React and Next.js
The conversation shifts to discussing the evolution of React and Next.js, engaging in critiques regarding both frameworks, with Bree mentioning how Next.js has advanced to include more backend functionality while acknowledging that it sometimes complicates the usage paradigm.
Astro and Other Frameworks
Bree shares her admiration for the Astro framework for its flexibility and ease of use, comparing it favorably to Next.js. She points out that Astro allows for a more component-focused development style that can cater to multi-framework environments.
Life at HubSpot
Bree discusses her role as a developer advocate at HubSpot and the importance of tailoring experiences for users when it comes to integrating HubSpot with external tools. The conversation reveals how developers can extend workflows and how HubSpot’s robust ecosystem assists this.
Food, Family, and Parenting in the Digital Age
In a lighter segment, Bree shares her love for food and travel, discussing her experiences exploring local cuisine while providing humorous insights into parenting in the tech-savvy environment of today.
Conclusion and Key Takeaways
The podcast wraps up with Bree sharing her dreams of being involved in the culinary world further, discussing how tech and creative pursuits can coexist.
Sponsors
- Roble Viejo Extra Anejo 8yrs · We reviewed this fine Venezuelan rum, which boasts a delightful flavor profile including a dessert-y taste with notes of cherry cordial and almond.
- React Miami · A fantastic event for developers with great talks and networking opportunities.
- Bacardi · Mentioned as a comparison during rum ratings and discussion.
- Flor De Cana 18 · Referenced as another rum for comparisons.
- Tailwind CSS · Discussed in detail regarding its ease of use versus traditional CSS.
Show notes
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.
Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account