Panda CSS First Impressions | Theo Reacts

4:53 Panda kicked Theo in the balls Lmfao.

There's a TypeScript library for CSS. That's insane.

“And pressing comma, and pressing enter, and pressing space…” So you prefer React to Svelte becaaaaause?

Thank you for presenting with your views on panda. I love the flexibility it provides and it really shines when you build/use design systems. + Somehow i like my styles in jsx 😂

Would love to hear Theo's take on Adam Argyles's Open Props 👀

Most of the css I've written, was set it and forget it. But if and when I need to conditionally switch out classes. I'd use a scoped .module.css file and use those classes or update a CSS variable. Tailwind plays nicely with this

Days without yet another js/css library: 0

Great video Theo :) Love your takes!

I ran into the JIT problem when I was trying to use a dependently typed language to generate static types based on a tailwind config file at compile time. I.E. your component takes an enum type ike ("red" | "green" | "blue") as a parameter to determine its color, but that enum is generated through a dependent function like (generateTailwindTypes: (tailwindConfigPath: string) -> Type). the dependent function worked great, but the styles weren't picked up by the compiler because they were generated on the fly

When you're applying the recipe, there's a way of adding it directly to the className without using the styled approach. I just can't remember off the top of my head as I'm on my phone.