807: CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!
Aug 12, 2024•38 min
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
In this episode of Syntax, Wes and Scott talk about CSS components, including class-based components, CSS modules, scoped CSS, utility CSS, and CSS-in-JS strategies. They share their thoughts, what differentiates these approaches, and why you may (or may not) want to use them.
Show Notes- 00:00 - Welcome to Syntax!
- 01:30 - Brought to you by Sentry.io.
- 02:11 - What makes a good CSS component system?
- 07:54 - Component vs part of a component
- 13:26 - CSS Modules
- 15:56 - Scoped CSS
- @scope - (82% support!) ff behind flag
- 21:07 - How is Panda different from style components?
- 00:00 - Utility CSS
- 31:08 - Utility Sprinkles
- 34:13 - CSS variables
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
For the best experience, listen in Metacast app for iOS or Android