I’ve been staring at different versions of it all of last night.
The point is a more yaml like experience.
If there is one particular you don’t like I’d love the feedback.
I had major success in prod with an inline style object approach with ThemeUI, no more chasing down styles.
And this allows code folding of attributes.
So does Panda or Stitches or ThemeUI. That’s the meta framework part.
My gripe is writing a long as string when you actually do inline styles. It feels so dirty. If tailwind had an object syntax I’d feel less grossed out.
I like Nativewind to port projects from web that used tailwind. Unistyles is a good one. A lot of people using StyleSheet so very interesting adition. Tamagui/Gluestack for themeUI prop styling are the most robust with a Radix primitive alike layer and UI library. Gluestack works perfectly with expo router and metro bundler so the best option for universal apps.
If Emotion can’t pull through on this then it’s likely client-side dynamic solutions like ThemeUI and Stitches are mostly dead.
github.com/emotion-js/emotio…
TIL #PandaCSS was made by the #ChakraUI team, which hails from the highly sophisticated CSS-In-JS ecosystem of ThemeUI / ChakraUI / Styled / Emotion.
I’ve extensively looked at the docs and it’s 100% clear it’s the UI future that can handle RSC.
@jeffscottward Approved 👍👍
Hey @fernandorojo
I’ve stumbled across the Stitches abandonment due to RSC & no Static Gen.
github.com/stitchesjs/stitch…
Just curious if ThemeUI / Dripsy would experience the same problem?
TLDR; Can I keep writing object styles even in Next-RSC with Dripsy?
Responsive-first CSS is half of the motivation behind messy stuff like Tailwind and ThemeUI.
For example, CSS Grid is hellish to use without tooling, because it relies heavily on media queries to be responsive... but once you get the right framework 🧑🍳🤌
CSS is an unsolved problem. There is no 5/5 answer, just a lot of 2/5 and 3/5 options.
Less was great until it generated a fajillion nested classes. I prefer colocation, so ThemeUI has been nice when I can use it.