Use react-native-unistyles

[vanenshi]

In the past few years as a React Native developer, I’ve used various css libraries in the ecosystem. None of them have reached the level of web libraries like Chakra UI or MUI, so I’ve been mostly relying on my own theme system, which is quite similar to your current version. However, I believe react-native-unistyles can address a part of this issue. It integrates a variant system and is incredibly fast.

I’d love to hear your thoughts on this library.

[frankcalise]

hey @vanenshi, thanks for your interest in Ignite! I moved this over to the discussion board as it seems more appropriate. In terms of using unitstyles in Ignite by default, that would depend on our team and if enough of us use it on our client projects (where right now we don't, so we won't make that change).

We do like the library though, it's definitely one that feels similar to our own theme system (ands yours it seems like) and is a great step up with some other features. I believe @mazenchami has used it on his client project and is enjoying the experience!

[vanenshi]

Hi @frankcalise,

Thanks for considering my recommendation. Personally, I’ve been on the lookout for a robust design system similar to Chakra UI. I’ve tried some of the active options in the ecosystem (like Tamagui), but none of them fully met my needs. At one point, I even built a custom system called Recipes, inspired by PandaCSS. However, it turned out to be too complex for my team to adopt effectively.

This is why I lean towards using third-party libraries like react-native-unistyles. These libraries are maintained by a community, often come with good documentation, and provide ready-to-use examples, which can significantly reduce the onboarding curve for teams.

[craigjones-dev]

There is a recipe in the Ignite cookbook!

https://infinitered.github.io/docs/recipes/Theming-Unistyles

[vanenshi]

i get 404 from this link 💀, but i found the source

[frankcalise]

https://ignitecookbook.com/docs/recipes/Theming-Unistyles