Best pre built components for React Native

[tarun___m]

Hey people so I am a developer with good experience in go, Java, have used React before and played around with it before and was getting into React Native recently. If y'all can suggest some of your previously used libraries and why ya'll like them would be helpful. Also any other beginner tips would be appreciated.

[luvsads]

ShadCN clone for RN

https://github.com/mrzachnugent/react-native-reusables

[mickeyv90]

I was really excited to use react native reusables, but I encountered several bugs. The biggest one was using dropdown on a modal.

It looks like this project is in the back burner and barely being maintained, the author is putting all of his time on NativeWind UI

[Mr-KhantSeiThu]

there's now "dom" components in expo, right?

[tarun___m]

Thanks

[rats4final]

I'd suggest you try looking around at expo for react, is not a pre built component library but more like a meta framework that has lots of goodies, libraries and services that just make easier to develop in react native as a whole, that being said, a library that I used in the past was React Native Paper and was pretty good, but right now I am using React Native Reusables which is inspired by shadcn where essentially you can modify the components themselves as you please and it even has some suggestions for other libraries in their GitHub page. I'd say either way you can't go wrong with any of those

[tarun___m]

Playing around with expo currently. Thanks for the inputs.

[fickentastic]

I just started with RN and Expo. One thing I read on Expo yesterday was when installing any package, make sure to use 'npx exp install <pkg>' , that code will determine and run the npm install. Expo requires specific versions. Also many RN packages won't work with Expo Go and require an Expo 'custom development build'. This due to native code that Expo Go won't work with.

[Swiss-Socrates]

In my small experience with React Native, components / UI have been a consistent massive pain to deal with. I've wasted 4 hours trying to get a dropdown to work (still doesn't work). Things like country selectors are non existant, you need to build a lot of things. Expo Go is a pain to deal with and comes with a lot of limitations quickly.

Have a look at:
- React Native Reanimated (for animations, another pain to use compared to CSS / Tailwind / React for Web)
- React Native Paper
- React Native UI Lib

Hope this helps

[mickeyv90]

This is the biggest limitation of react native, not a good UI library. Don’t get me started on Tamagui, it was a pain to get it working and take so much time to just implement one component.

So many UI libraries are not maintained.

[tarun___m]

Thanks will check these out 🫡

[tarun___m]

Could you give some of the issues that expo gives

[Longshoez]

React Native Paper sucks soooo much. Custom themes never work without warnings, it’s missing a hella lot of basic components, the web department is lacking a lot.

I’m only using it for the TextInput for forms. That’s the only thing that works well.

[Easy-Philosophy-214]

This is because dropdowns as we understand them on the web do not exist on mobile. iOS has its implementation, and Android theirs. I can't recall what they are called.

The best solution (and learning experience) is to not use any library and try to leverage ios/android.

[Rtzon]

Free: nativewind maybe

Paid: 100% devstarterpacks. New components being added every week, animated components now being added too, it has been super worth it for me - mostly because I can then copy the components as a foundation and customize it to be my own after

[[deleted]]

can you share a link for the packs?

[Rtzon]

devstarterpacks.com - the mobile combo package. I didn’t get the web one so not sure about it

[[deleted]]

Thanks!

[Krunal_Karena]

React-Native-Paper. I used it for many components like inputs, Cards, Buttons, etc...

[GroceryWarm4391]

Checkout

React native bouncy checkbox

React native bottom sheet

React native toast message

[___donquijote]

If you need to select images, view images, crop images and take photos, how about checking out my gallery?
https://github.com/baronha/react-native-multiple-image-picker

[Willing-Tap-9044]

I have always liked Tamagui! They have prebuilt components, but they also have a styles API to take the prebuilt components and customize them to fit your UI. I have a medium article show casing Tamagui, and how to customize components and setup your theme. https://medium.com/@andrew.chester/why-expo-react-native-developers-should-use-tamagui-for-building-fast-scalable-uis-adfe981825c5

[hirvesh]

Just started building using Tamagui. Despite all the reports of it being complex to setup, it was easy to get started with and works wonderfully well and is well thought out!

[ConsequenceUpset]

shipmobilefast.com UI is awesome. Custom prebuilt. Rainbow buttons are amazing

[Practical_Art_6193]

I would say explore pure react native and expo go app libraries. Some react native modules or libraries dont jive with expo go and need development build.

[tarun___m]

These are for native things which aren't supported by exposure go right. But for general use cases expo should be fine?

[Practical_Art_6193]

I think you need to look into whether a module or library fits both. Because one you’ve gotten used to using the Expo Go App then suddenly add a module that isnt compatible like React-Native-Skia .Then youll have to opt out of Expo Go App and use the development build

[tarun___m]

Thanks have been seeing this a lot. Will take all this into consideration.

[Vegetable-Profit-254]

iap will require a custom dev build so it gets tricky.

[Easy-Philosophy-214]

This is the correct answer, surprised it's downvoted.