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
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 View
, Text
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:
import * as Animatable from 'react-native-animatable';
MyCustomComponent = Animatable.createAnimatableComponent(MyCustomComponent);
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.
How to Use?
First install storybook:
npm i -g @storybook/cli
cd my-react-app
getstorybook
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.
What does this get you?
- Write a lot less code
- Usability and accessibility for free (automatic labels, inline validation, etc)
- 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:
npm install react-native-sound --save
react-native link react-native-sound
Demo project
https://github.com/zmxv/react-native-sound-demo
React Native Progress
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.
[amazon_link asins=’9352135636,B01N9N3I17,8184045220,B01M62KJN8|1491954620,1521546185,1617293342,B077HJFCQX,1786464535|1491954620,1783551623,1484212614,B079KR8LFK,1976210232,B06XDVC4SC|1491954620,B077HJFCQX,B01D8P17IM,B075FWP1YN,8888493182,1783558563′ template=’ProductCarousel’ store=’lifenews525-21|lifenews-21|lifenews06-21|lifenews0b-21′ marketplace=’IN|UK|FR|IT’ link_id=’ 2b7d79d7-d6b8-11e8-b07c-b3865f653d14′]