{"id":1811,"date":"2017-08-30T23:35:34","date_gmt":"2017-08-30T18:05:34","guid":{"rendered":"https:\/\/codingislove.com\/?p=1811"},"modified":"2018-12-17T21:37:42","modified_gmt":"2018-12-17T16:07:42","slug":"top-15-react-native-libraries","status":"publish","type":"post","link":"https:\/\/codingislove.com\/top-15-react-native-libraries\/","title":{"rendered":"Top 15 React Native libraries that I use in my apps"},"content":{"rendered":"

This list of React native libraries is not curated randomly from the Internet. These are the libraries that I use personally in my apps. There may be alternatives for these libraries but I chose these after a good amount of research and trying them out in my apps.<\/p>\n

I’m also giving some live practical examples of how I use these libraries. So here’s the list of top React Native libraries<\/p>\n

15. React Native Animatable<\/a><\/h3>\n

\"react<\/p>\n

This library is really good for quickly adding simple animations and transitions to your React Native app. This library can be used in 2 ways – Declarative and Imperative.<\/p>\n

Declarative usage – Simply mention the name of one of the pre-built animations and that animation will be applied as soon as that element loads. Ex: Heading should slide in from left when a page is opened.<\/p>\n

Imperative usage – If you want to play animation manually then this method works great. Ex: wobble a heart icon when someone likes a post.<\/p>\n

You can also define your own animations! For complex animations, I prefer to use React Native’s Animated API from scratch.<\/p>\n

Practical example<\/h4>\n

Check the gif below. Profile page with simple transitions – Profile Image has a zoom in animation, Profile details slide-in left with a delay. Finally, like icon has a small wobble animation when someone likes a post.<\/p>\n

\"React<\/p>\n

\n

14. React Native Push Notification<\/a><\/h3>\n

This library has very good support for Local push notifications. It has features like schedule notification, repeat notification based on day, week, time etc which are not available in other libraries.<\/p>\n

If your app has an offline-first approach and needs push notifications then this library is the way to go! I’m using this library in my 4cards App – https:\/\/www.4cards.in<\/a><\/p>\n

\n

13. React Native FCM<\/a><\/h3>\n

If your app needs remote notifications sent from the server using GCM or FCM then this library is the one! FCM is nothing but the newest version of GCM.<\/p>\n

This library also has support for local notifications with scheduling and recurring support. So if you need both remote and local notifications then go for React-native-fcm<\/p>\n

\n

12. React Native Hyperlink<\/a><\/h3>\n

<\/p>\n

A simple Hyperlink component for react-native that makes URLs, fuzzy links, emails etc clickable. It also has support for styling the links. Just pass a Text Component as a child to Hyperlink component and the library takes care of everything.<\/p>\n

Practical example<\/h4>\n

<\/p>\n

\n

11. React Native Sound<\/a><\/h3>\n

The one library you need to play sounds or music in your app. I use this library for playing app sounds and also playing recorded answers (It’s a Q n A app like Quora)<\/p>\n

practical example<\/h4>\n

Here’s a demo video for React native app sounds<\/p>\n