Panda CSS First Impressions | Theo Reacts

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

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

4:53 Panda kicked Theo in the balls Lmfao.

Days without yet another js/css library: 0

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

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 👀

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.