meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

807 - CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.91.1K Ratings

🗓️ 12 August 2024

⏱️ 38 minutes

🧾️ Download transcript

Summary

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

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Transcript

Click on a timestamp to play from that location

0:00.0

Welcome to Syntax.

0:02.6

On this Monday, hasty treat, we're all going to be talking about component CSS.

0:09.0

What are the different approaches to authoring CSS inside of components and in general how that component-based CSS

0:15.9

workflow can work within your application.

0:18.3

We're going to be talking about all different types of approaches that people like and use and just some a little some of our

0:25.2

thoughts on them and maybe what differentiates them my name is Scott

0:28.3

Tolinsky I'm a developer from Denver and with me as always is Wes Boss what's up Wes

0:33.0

Hey excited to talk about this we've we're just going through a show

0:38.0

called CSS authoring approaches and I realize like we're kind of all just talking about components with all of these so we switched it to

0:47.1

We're all pretty much making components at the end of the day right like even if it's a website or a web app you're all just like

0:53.5

thinking about I'm working on this piece right now the header global CSS yeah but

0:59.0

there's many many ways to sort of get that job done so we're going to go through all of those today.

1:05.3

Yeah there's a what did they say a hundred ways to skin a cat I love that neither of us

1:10.2

are good at saying so I'm just going to go with yeah something like that a hundred ways to skin there are more than what oh there's more than one way to skin a cat. Yeah. Yeah. Yeah. I don't think there's a hundred that, I would not be able to figure that out if there was a hundred.

1:25.0

I don't even want one way if we're being entirely honest.

1:28.0

But I do want one way to solve my bugs and that is Century.

1:31.0

Century.io, the perfect place to solve all of your bugs,

1:34.8

but not just your bugs, your performance issues.

1:37.4

Anything that you might have in your application,

1:39.4

it gives you visibility to fix the things before they become a problem.

1:45.0

It really empowers you as a developer to solve your problems,

1:50.0

to make better things without having to really worry about what's happening, who's it's affecting,

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2025.