8 the most essential tested React Native libraries that will skyrocket your app 🚀
Published: 2022-01-30 16:44:37

I have an interesting relationship with React Native: it’s like an emotional rollercoaster, to be honest. Sometimes random compilation errors in my terminal make me cry and whine. But, in general, it’s amazing. Huge thanks Meta for this technology. In this article, I want to overview selected libraries that may improve any application.

### 1. [React-Navigation](https://github.com/react-navigation/react-navigation) for the awesome native animated transitions

![A real-world example from my side-project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/krofmpw1ard2gh3zba6q.gif)
 

Basic screen navigation transition as we got used to them in front-end apps seems to be boring. Let's do that them native, more smoothly, more handsome. By the way, it also supports native header and tabs.

### 2. [Lottie](https://github.com/lottie-react-native/lottie-react-native) for the sophisticated animated images

![Just a random animation from LottieFiles](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uon8wsjn1ehc04sxpk9k.gif)

You can live up your app with the interacted pictures. Lottie is a JSON-based file with some animation. This format is common and designed to be used on many platforms. You can create your own, ask a motion designer, or find something already existing. Just take a peer at the [LottieFiles catalogue](https://medium.com/r/?url=https%3A%2F%2Flottiefiles.com%2F) and you will better understand what do I mean.

### 3. [Haptic-Feedback](https://github.com/junina-de/react-native-haptic-feedback) for the enjoyable micro-vibrations during user actions
It will involve the real-world experience in the digital one by providing touching feedback. However, be careful about overusing it. More information about use cases is described in [Apple's guidelines](https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/haptics/).

### 4. [Svg](https://github.com/react-native-svg/react-native-svg) for any vector graphic like icons or pictures
The main drawback is that you have to convert SVG elements to the library's components firstly.

### 5. [AsyncStorage](https://github.com/react-native-async-storage/async-storage) with the same API LocalStorage has
Sometimes we need to store the user's settings, cache downloaded data, save sessions and so on. The library is built to satisfy this need. By the way, if for some reason you need a synchronized store you can use the alternative synchronized one.

### 6. [In-App-Review](https://github.com/MinaSamir11/react-native-in-app-review) for the user's feedback request
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d2m4duav9fe68uelpnz7.png)
The easiest and cheapest way to increase the app's rating is just to ask users about that. I am sure that you came across it in native apps after the user scenario with a positive outcome. Good news: it works for Android as well.

### 7. [Exception-Handler](https://github.com/a7ul/react-native-exception-handler.) will prevent critical crashes and inform users
This magical thing can save your life. In any critical errors, your app won't just be closed. Now you have not just the opportunity to say sorry and that you are ashamed about what has just happened, but also the ability to provide a choice: relaunch the app or close it.

### 8. [Bottom-Sheet](https://github.com/gorhom/react-native-bottom-sheet) for the bottom sliding area like in Instagram
No comments. Just take a look at the example below!
![Usage in my app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xggxmz4hzrw5ano2zri5.gif)
 
### Final Words
I wish you good luck with creating the best application in the world! ✨