react-native-web based Component Library?
Hi guys,
I have few Next.js projects and a react-native project in a monorepo. I want to build a component library to be shared across these projects. Do y'all think that building it using react-native-web is a good idea so that i can share it across the react-native app as well? How would you guys approach this?
TIA!
1 Reply
I've had a good experience with React Native Reusables, especially if you want a consistent cross platform look:
https://github.com/mrzachnugent/react-native-reusables
RNR uses NativeWind, and follows the shadcn/ui philosophy of using a CLI to stick all the code straight in your project.
If you can stomach a paid solution (and/or want a "native" feel), NativeWindUI released a few months ago and I absolutely love it:
https://nativewindui.com/
The guy behind RNR is a core dev on NWUI, so it follows the same shadcn/ui philosophy, which I've personally been really enjoying. NWUI does have a couple of free components, so you can tinker w/ it before needing to commit.
GitHub
GitHub - mrzachnugent/react-native-reusables: Universal shadcn/ui f...
Universal shadcn/ui for React Native featuring a focused collection of components - Crafted with NativeWind v4 and accessibility in mind. - mrzachnugent/react-native-reusables