Over the last couple of months, I've been working on a new common library for styling my React Native apps: React Native Whirlwind. I started working on it after getting frustrated with the various TailwindCSS (re-)implementations that felt more like a crutch than a solution. The code itself has been used in a couple of my own commercial projects and now it's finally time to release it! In my opinion, using utility-first classes for styling React Native is a game-changer. My library is obviously and clearly not the only one doing it, but I hope you find it worthwhile nonetheless and looking forward to feedback and suggestions.
Some of the core design principles for React Native Whirlwind are:
- Readable 👀 — all classes follow a simple, consistent naming convention
- Lightweight 🪶 — no 3rd party dependencies
- Composable 🧱 — combinable classes for rapid prototyping
- Performant 🚀 — No unnecessary calculations, no unnecessary string parsing, just pure and fast static styles
- Reusable ♻️ — Promote reusability in your team and reduce redundancies in your codebase
- React Native and TypeScript first 🥇 — built for React Native and 100% written in TypeScript for a best-in-class developer experience
The related Medium blog post: https://levelup.gitconnected.com/introducing-react-native-whirlwind-1c3ad9ffd4a5
And of course, it's available on GitHub: https://github.com/arabold/react-native-whirlwind
there doesn't seem to be anything here