807: CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!
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...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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