Top React Native Libraries

React native is on boom now! Top companies are using react native, more than 10,000 + apps are deployed on play store developed in react.

Coding is much easier now because of such libraries, IDE, and different tools available to develop really nice applications. There is a number of libraries but I have sorted out some popular libraries for you.

 React Native Animatable

ef73b1ba-767d-11e5-8fb9-9779d3a53a5036341976-06326ad6-13f7-11e8-8fe1-ab947bbea5c8.gif

How to use?

Installation

$ npm install react-native-animatable --save

Usage

To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components ViewText and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View or compose it with:

Storybook

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.

1_3l5W-ztdw4wyV7avJMhw-Q.png

How to Use?

First install storybook:

React native Push Notification

This a very good library for notifications for android and ios.

Features of this library are:

  • Local Notification
  • Scheduled Notification
  • Custom Sounds
  • Canceling Notification
  • Notification priority
  • Notification Visibility

TComb Form

With tcomb-form-native you simply call <Form type={Model} /> to generate a form based on that domain model.

The tcomb library provides a concise but expressive way to define domain models in JavaScript.

The tcomb-validation library builds on tcomb, providing validation functions for tcomb domain models.

This library builds on those two and the awesome react-native.a.jpeg

What does this get you?

  1. Write a lot less code
  2. Usability and accessibility for free (automatic labels, inline validation, etc)
  3. No need to update forms when domain model changes

React-Native-Sound

React Native module for playing sound clips on iOS, Android, and Windows.

How to use?

First install the npm package from your app directory:

Demo project

https://github.com/zmxv/react-native-sound-demo

React Native Progress

k.gif

Installation

$ npm install react-native-progress --save

ReactART based components

To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it’s already included.

How useful was this post?

Do not forget to rate! this helps us to Improve.

Average rating / 5. Vote count:

Read More Like This..

Follow us on social media!

We are sorry that this post was not useful for you!

Let us improve this post!

Safiya Akhtar

Safiya Akhtar is Android Application Developer in India. She is currently working as a public consultant for career and education too, besides blogging and freelancing. She believes that it is never too late or too early to start what you have always dreamed of.

Your Views And Question are Welcome Here!