React native resources

This resources list from Use React Native, React native guide, awesome react native

• React native resources
  • Get Started
    • Tutorial
    • App Sample
  • UI Components
    • Material Design
    • Click
    • Images
    • List
    • Layout
    • Animation
    • ProgressBar
  • Service Components
    • Router
    • Swipe
    • Form
    • Remote
    • Auth
    • MultiMedia & Contact
    • Data Fetch
    • Database
    • Search
    • ActionSheet
    • Share
    • Location
    • Gesture
    • Localization

Get Started

Tutorial

ECMA 6 Guide in Chinese

Flexbox Complete Guide

React Native Tutorial: Building Apps with JavaScript

Make HTTP Requests In iOS With React Native

React native lessons(React native 入门指南) from engineer of CTRIP（携程)

• 实例应用，组件
• PPT分享

Stateless functional component

• egg head video tutorial,Building stateless function components
• Functional Stateless Components in React 0.14

Redux

• Get started Video
• Trying to put API calls in the correct place : nice explaination on how to deal with login api in Redux
• awesome redux
• smart and dumb components
• Redux Middleware: Behind the Scenes

React

• Thinking in React
• Interactivity and Dynamic UIs

ECMAScript

• ES7 async functions

APP Sample

DEN( iPhone app built with React Native for viewing houses for sale in the NW from rmls.com )

#### [React native dribbble app](https://github.com/catalinmiron/react-native-dribbble-app)

#### [Hacker news for React native](https://github.com/iSimar/HackerNews-React-Native)

#### [Noder - A React-Native Client for cnodejs.org](https://github.com/soliury/noder-react-native)

#### [react natvie weather app](https://github.com/shevawen/react-native-weather-app)

#### React Conf 2015 App, [Reacive 2015](https://github.com/Kureev/Reactive2015)/[reactive2015](https://github.com/kenwheeler/reactive2015)/[reactive-2015](https://github.com/dzannotti/reactive2015)

UI Components

search for more in react parts

Material Design

react-native-material-kit

This is a port of MaterialKit (written in Swift) to Objective-C, so that it can be used in React Native projects, as a static library.

Material React Native (MRN)

Click

apsl-react-native-button

#### [react-native-radio-buttons](https://github.com/ArnaudRinquin/react-native-radio-buttons)

Simple DropDown

#### [react-native-multipicker](https://github.com/veddermatic/react-native-multipicker) A UIPickerView implementation that allows you to have multiple components in your picker.

#### [react-native-floating-label-text-input](https://github.com/eyaleizenberg/react-native-floating-label-text-input)

Images

React-native-icons

#### [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) 3000 Customizable Icons for React Native with support for NavBar/TabBar, image source and full stying.

#### [react-native-android-iconify](https://github.com/lwhiteley/react-native-android-iconify)

#### [react-native-emoji](https://github.com/jorilallo/react-native-emoji)

#### [Facebook Reactions](http://browniefed.com/blog/2015/10/11/react-native-how-to-make-facebook-reactions/)

#### [React Native Blur](https://github.com/react-native-fellowship/react-native-blur) Component implementation for UIVisualEffectView's blur and vibrancy effect.

#### [react-native-svg](https://github.com/brentvatne/react-native-svg) Experimental SVG library for react-native based off of SVGKit. some example on d3.js

#### [react-native-chart](https://github.com/onefold/react-native-chart) Define chart components in Javascript file and see rendered charts using Core Graphics and CALayer - Supports line charts with options to show data points, line fill, customized color, customized labels, etc... - Supports bar charts - Supports multiple charts in one view - Show animation when populating the chart

react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native

react-native-parallax

react-native-image-progress

Progress indicator for networked images in React Native

react-native-image-picker

List

react-native-listitem

iOS-style listitem component for React Native

Layout

react-native-scrollable-tab-view

Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar.

react-native-parallax-view

Parallax view for vertical scrollview with a header image and header content

autoresponsive-react-native

#### [react-native-side-menu](https://github.com/react-native-fellowship/react-native-side-menu) Simple customizable component to create side menu.

#### [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) Maxime Mezrahi is rebooting a kind of Component that we already covered before. His own implementation, though, takes advantage of the newly released Animated library.

#### [react-native-page-control](https://github.com/silentcloud/react-native-page-control) Page Control for React Native, like iOS UIPageControl, APIs are same as UIPageControl

#### [react-native-segmented-view](https://github.com/lelandrichardson/react-native-segmented-view) Segmented View for React Native (with animation)

#### [React Native Drawer](https://github.com/rt2zz/react-native-drawer#examples) React native drawer, configurable to achieve material design style, slack style, parallax, and more. Works in both iOS and Android.

#### [react-native-grid-view](https://github.com/lucholaf/react-native-grid-view)

#### [react-native-selectablesectionlistview](https://github.com/johanneslumpe/react-native-selectablesectionlistview)

#### [RCTTableView](https://github.com/Shuangzuan/RCTTableView) #### [react-native-tableview](https://github.com/aksonov/react-native-tableview)

Animation

react-native-refreshable-listview

A pull-to-refresh ListView which shows a loading spinner while your data reloads

react-native-refresher

A pull to refresh ListView for React Native completely written in js. Also supports custom animations.

RCTRefreshControl

#### [gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native) OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. #### [dribbble "Replace" UI animation](https://github.com/lelandrichardson/react_native_animation_examples)

#### [react-native-collapsible](https://github.com/oblador/react-native-collapsible) Animated collapsible component for React Native, good for accordions, toggles etc Pure JavaScript, supports dynamic content heights and components that is aware of its collapsed state (good for toggling arrows etc).

#### [react-native-popover](https://github.com/jeanregisser/react-native-popover)

#### [react-native-spinkit](https://github.com/maxs15/react-native-spinkit)

#### [react-native-animatable](https://github.com/oblador/react-native-animatable) Easy to use declarative transitions and a standard set of animations for React Native

ProgressBar

react-native-progress

#### [react-native-progress-bar](https://github.com/lwansbrough/react-native-progress-bar)

Service Components

Router

React-native-router

#### [react-native-navbar](https://github.com/Kureev/react-native-navbar) Simple customizable navbar component for React Native. IOS Only

#### [react-native-router-redux](https://github.com/Qwikly/react-native-router-redux) Router component to be used in your React Native redux applications. Packed with Nav and TabBar support.

Swipe

React-native-swipe

<img src="http://i.imgur.com/zrsazAG.gif=300x)

react-native-swipeout

iOS-style swipeout buttons that appear from behind a component swipeout preview

react-native-looped-carousel

Form

tcomb-form-native

Remote

React-native-web

The core React Native components adapted and expanded upon for the web, backed by a precomputed CSS library

React-native-for-web

A set of classes and react components to make work your react-native app in a browser. (with some limitations obviously)

React-multiplatform

This is an experiment to build a React web app and a React Native iOS app that share as much as possible.

react-native-gcm

#### [react-native-applinks](https://github.com/facebook/react-native-applinks)

#### [react-native-remote-push](https://github.com/darylrowland/react-native-remote-push) #### [react-native-admob-sample](https://github.com/melihmucuk/react-native-admob-sample)

Auth

react-native-simple-auth

MultiMedia & Contact

react-native-Camera

react-native-video

react-native-audiorecorder

Handles basic recording and playback of the audio recording.

react-native-communications

Easily call, email, text or iMessage someone in React Native

react-native-addressbook-ios

This is a React Native Module for accessing an iOS AddressBook
Currently only supports READ access but hope to add full CRUD support

React Native AddressBook

Interact with the iOS AddressBook
checkPermission - checks app's permission to access AddressBook.
requestPermission - requests app permission to access AddressBook.
getContacts - returns all contacts as an array of objects
addContact - adds a contact to the AddressBook.

react-native-mail

A react-native wrapper on top of apple's MFMailComposeViewController.

Data Fetch

building-the-facebook-news-feed-with-relay

React transmit

Database

react-native-sqlite

react-native-db-models

This wrapper is built on top of React Native Store and provides a better and improved Database layer for asynchronous DB transactions
React Native DB Models fixes a lot of problems in react native store and also the DB class on top helps to provide more functionality and easy developing options.

react-native-store

A simple database base on react-native AsyncStorage.

react-native-level

leveldb api on top of React's AsyncStorage

Search

react-native-google-places-autocomplete

Customizable Google Places autocomplete component for iOS and Android React-Native apps

RCTAutoComplete

ActionSheet

react-native-custom-action-sheet

Share

react-native-login

#### [react-native-share](https://github.com/EstebanFuentealba/react-native-share)

#### [react-native-activity-view](https://github.com/naoufal/react-native-activity-view)

#### [react-native-social-share](https://github.com/doefler/react-native-social-share)

Location

react-native-mapbox-gl

A Mapbox GL react native module for creating custom maps.

react-native-background-geolocation

Cross-platform background geolocation module for React Native with battery-saving "circular stationary-region monitoring" and "stop detection".
This is a React Native implementation of our popular Cordova Background Geolocation plugin, a sophisticated, battery-conscious location-management component for both iOS & Android.

Gesture

react-native-gesture-password

Inspired by Android's gesture-based lock screen

react-native-gesture-recognizers

React Native gesture recognizer decorators. Just decorate your component and easily respond to pans and swipes!

Device

React-native-device-info

react-native-touch-id

#### [react-native-carrier-info](https://github.com/anarchicknight/react-native-carrier-info) React Native module bridge to obtain information about the user’s home cellular service provider. Makes use of the following native iOS classes: CTTelephonyNetworkInfo & CTCarrier #### [react-native-motion-manager](https://github.com/pwmckenna/react-native-motion-manager) CMMotionManager wrapper for react-native, exposing Accelerometer, Gyroscope, and Magnetometer. #### [ReactNativeBarcodeScanner](https://github.com/lifuzu/ReactNativeBarcodeScanner)

Localization

react-native-i18n

Integrates I18n.js with React Native. Uses the device's locale as default.

ReactNativeLocalization