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′]
