Awesome React Native

A curated list of awesome articles, tutorials and resources dealing with React Native.

Inspired by awesome-go, which was in turn inspired by awesome-python.

Many thanks to everyone on the contributor list :)

Content

• Articles
• Components
• [Utilities] (#utilities)
• [Libraries] (#libraries)
• Examples
• Tutorials
• Videos
• Releases

Articles

Content published on the Web.

• React Native: Bringing modern web techniques to mobile
• First impressions using React Native
• React Packager README.md
• 60 fps on the mobile web
• Parse and React (incl. Native)
• React Native: Initial Thoughts (opinion)
• A Dynamic Crazy Native Mobile Future Powered by Javascript
• ReactNative NES & More
• React Native Installation and Setup
• Diary of Building an iOS App with React Native
• Reflecting on React Native development
• React-Native layout examples
• React Native in Production - notes from Clay Allsop
• React Native for Android and issues
• An iOS Developer on React Native
• React Native and WebRTC
• React Native Debugger Internals

Components

Components and native modules. For more search React Parts.

• apsl-react-native-button - React Native button component with rounded corners.
• autoresponsive-react-native - A Magical Layout Library For React
• babel-preset-react-native - Preset Babel plugins for React Native applications
• gl-react-native - use OpenGL for performant effects on images and videos
• k-react-native-swipe-unlocker - A simple swipe unlock for React Native
• markdown-react-native - A Markdown Component For React Native
• react-native-HsvToRgb - a helper to convert HSV(HSB) color to RGB.
• react-native-ab - A component for rendering A/B tests in React Native
• react-native-accordion - An Accordion Component for React Native
• react-native-action-button - A customizable Float Button Component for React Native
• react-native-activity-view - iOS share and action sheets for React Native
• react-native-adbannerview - React Native Bridge for ADBannerView
• react-native-addressbook - AddressBook module for react-native
• react-native-alphabetlistview - A Listview with a sidebar to jump to sections directly, based on johanneslumpe's react-native-selectablesectionlistview
• react-native-android-audio-streaming-aac - A react native streaming player
• react-native-android-geolocation - React Native Module to use Android Geolocation via Google Play API
• react-native-android-iconify - icons for react native android using android-iconify
• react-native-android-speech - A text-to-speech library for Android React Native.
• react-native-android-sqlite - A react native android wrapper for SQLite
• react-native-android-statusbar - A react native android package to control the status bar.
• react-native-android-vitamio - React-native component for android Vitamio video player
• react-native-app-info - React Native app info and version
• react-native-asciimage - An ASCIImage component for React Native
• react-native-assets - Module to manage assets. It allows you download assests from a network and store into a specific local folder on iOS
• react-native-audio-manager - Audio player library for react native Android
• react-native-audioplayer - Small audio player library for react native
• react-native-autocomplete - React Native Component for MLPAutoCompleteTextField
• react-native-awesome-button - A React Native component rendering a button supporting showing different appearances and functionality given the passed props
• react-native-aws-s3 - react-native aws amazon s3 storage
• react-native-barcode-scanner - Barcode scanner for React Native
• react-native-barcodescanner - A barcode scanner component for react native
• react-native-battery-status - A battery-status for react-native
• react-native-battery - A React Native module that returns the battery level/status of a device
• react-native-better-mapview - A better React Native implementation for iOS MapKit MapView
• react-native-bhcamera - React Native Barcode Scanner and Camera Utils.
• react-native-bhutils - React native utils
• react-native-ble - React Native BLE using noble api surface
• react-native-bluetooth-state - Answering the question of "Is my bluetooth on?" in React Native
• react-native-blur - React Native Blur component
• react-native-bonjour - A Bonjour discovery utility for react-native
• react-native-braintree-android - Braintree's native Drop-in Payment UI for Android
• react-native-bridgeable-webview - A react-native webview with bridge to react-native code
• react-native-browser-polyfill - A collection of polyfills for the react-native Javascript environment.
• react-native-browser - Full-featured web browser module for React Native apps, based on TOWebViewController
• react-native-button
• react-native-cache-image - A cache-image for react-native
• react-native-calendar-reminders - React Native module for IOS EventKit Reminders
• react-native-calendar - Calendar Component for React Native
• react-native-camera - Camera component
• react-native-canvas - A Canvas element for React Native
• react-native-card-io - React Native component for card.io
• react-native-carousel - Simple carousel component for react-native
• react-native-carrier-info - React Native module bridge to obtain information about the user’s home cellular service provider.
• react-native-chart - react-native-chart is a simple module for adding line charts, area charts, or bar charts to your React Native app.
• react-native-charts - Delightfully-animated data visualization.
• react-native-checkbox - Checkbox component for React native
• react-native-circle-progress - A custom Circle Progress Indocator for React Native
• react-native-circle-view - circle progress for react native android using CircleView
• react-native-circular-progress - React Native component for creating animated, circular progress with ReactART
• react-native-clipboard - React Native component for getting or setting clipboard content
• react-native-code-push - React Native plugin for the CodePush service
• react-native-cognito - AWS Cognito-based authentication module for React Native.
• react-native-collapsible - Animated collapsible component for React Native using the new Animated API with fallback. Good for accordions, toggles etc
• react-native-color-grabber - React native component for finding dominant colors in an image
• react-native-communications - Easily call, email, text or iMessage someone in React Native
• react-native-console-panel - react native component for display console messages.
• react-native-contacts-rx - react-native-contacts counterpart that include the support of RxJS.
• react-native-contacts - React Native Contacts (android & ios)
• react-native-cosmos - DX tool to test react-native components with defined props/state fixtures.
• react-native-couchbase-lite - couchbase lite binding for react-native
• react-native-create-new-file-ios - A react-native interface for creating a blank new file on ios. File must not already exist.
• react-native-css-loader - You can use react-native-css-loader with react-native-webpack-server, which can use webpack to built react-native app better.
• react-native-custom-actsheet - A custom ActionSheet for react-native
• react-native-dashed-border - A element for react-native
• react-native-date - React Native date and time pickers for Android
• react-native-db-models - Local DB Models for React Native Apps
• react-native-debug-stylesheet - Add coloured borders or backgrounds to all views to make it easier to debug layout issues
• react-native-des - A des crypto for react-native
• react-native-detect-device - Detect a device on iOS or android in react-native.
• react-native-device-display - A simple way to create dynamic views through device and display detection, allowing the creation of adaptable and universal apps.
• react-native-device-info-pod - Get device information using react-native
• react-native-device-info - Get device information using react-native
• react-native-device-motion - iOS device motion wrapper for React Native.
• react-native-device - UIDevice wrapper for React Native
• react-native-dialogs - React Native wrappers for https://github.com/afollestad/material-dialogs
• react-native-double-buffer - Simple React Native Double Buffer View
• react-native-draggable-drawer - DraggableDrawer component for React Native.
• react-native-drawer - React Native Drawer
• react-native-dropdown-android - Simple wrapper for Android's Spinner to use with react-native
• react-native-dropdown - A better Select dropdown menu for react-native
• react-native-effects-view - ReactNative Component that makes easy to use iOS8 UIVisualEffect
• react-native-emoji - Emoji component for React Native
• react-native-eval - Call any JS functions from your native code
• react-native-fabric-digits Fabric Digits wrapper for React-Native
• react-native-facebook-login - React Native wrapper for native iOS Facebook SDK login button and manager
• react-native-fading-slides - Simple looped fading slides carousel for React Native
• react-native-fbintent - A React Native intent for Android Facebook App
• react-native-file-download - A simple file download module for react-native
• react-native-file-upload - A file upload plugin for react-native
• react-native-file - A file for react-native
• react-native-flex-label - A text label for React Native that handles multiple lines of text with ellipses truncation as well as vertical alignment within it's view container.
• react-native-floating-labels - Reusabe floating lable component for react native
• react-native-fluxbone - A group of libraries that help with the FluxBone pattern in React Native
• react-native-fm-form - Generate list view form of React Native in few line of codes
• 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-native-form-flux - React Native Form management using Flux architecture
• react-native-fs-modal - React native full screen modal component.
• react-native-fs - Native filesystem access for react-native
• react-native-gcm-android - GCM for Android
• react-native-gcm - Google Cloud Messaging for React Native
• react-native-geocoder - react native geocoding and reverse geocoding
• react-native-geolocation-android - Geolocation module for react native android
• react-native-geolocation - A geolocation for react-native
• react-native-gesture-password - A gesture password component for React Native
• react-native-gesture-recognizers - Gesture recognizer decorators for react-native
• react-native-gestures - composable gesture system in react native
• react-native-gifted-listview - A ListView that embed some recurrents features like pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps
• react-native-gifted-messenger - Ready-to-use chat interface for iOS and Android React-Native apps
• react-native-global-event-emitter - Shared event emitter between native and JS for React Native.
• react-native-globalize - Globalization helper for React Native
• react-native-gmaps - React Native Android Google Maps implementation.
• react-native-google-analytics - Google Analytics for React Native!
• react-native-google-places-autocomplete - Customizable Google Places autocomplete component for iOS and Android React-Native apps
• react-native-google-signin - Google Signin for your react native applications
• react-native-grid-view - React Native Grid/Collection View component
• react-native-grid - The 24-column grid component for react-native
• react-native-h5 - react native web
• react-native-hawk - Hawk wrapper for react-native
• react-native-html-render - A html render for react-native
• react-native-html-to-pdf - Convert html strings to PDF documents using React Native
• react-native-html-webview - Display (possibly untrusted) HTML using a UIWebView in React Native.
• react-native-html - render html as react native custom elements
• react-native-htmltext - Use HTML like markup to create stylized text in react-native.
• react-native-http - React native http
• react-native-hypertext - React Native module to render hypertext (text with links)
• react-native-ibeacon - iBeacon support for React Native. The API is very similar to the CoreLocation Objective-C one with the only major difference that regions are plain JavaScript objects. Beacons don't work in the iOS simulator.
• react-native-icloud-sync - A react-native wrapper for syncing with icloud
• react-native-icons, video
• react-native-idle-timer - An Objective-C bridge that allows you to enable and disable the screen idle timer in your React Native app
• react-native-image-button - A image-button for react-native
• react-native-image-picker - A React Native module that allows you to use the native UIImagePickerController UI to select a photo from the device library or directly from the camera.
• react-native-immutable - using immutable.js library with react-native
• react-native-in-app-utils - A react-native wrapper for handling in-app payments.
• react-native-inapp-browser - A in-app browser for react native apps.
• react-native-instagram-oauth - react-native instagram login
• react-native-instagram-share - A react-native interface to share images and videos within instagram (iOS)
• react-native-instagram - react-native instagram wrapper api (iOS)
• react-native-invertible-scroll-view - An invertible ScrollView for React Native
• react-native-item-cell - React Native default style iOS item cell
• react-native-keyboard-spacer - Plug and play react-Native keyboard spacer view.
• react-native-keyboardevents - Monitors keyboard show/hide notifications
• react-native-keychain - Keychain Access for React Native
• react-native-layout - Semantic JSX layout components for react-native
• react-native-leancloud - a react native LeanCloud component
• react-native-level-fs - fs for react-native using level-filesystem and asyncstorage-down
• react-native-level - levelup API for react-native AsyncStorage.
• react-native-lightbox - a very Slick and modern mobile lightbox implementation
• react-native-link - A link component, similar to <A href from HTML
• react-native-localsearch - React Native Module for MapKit Local Search
• react-native-location - Native GPS location support for React Native.
• react-native-lock-ios - Auth0 Lock for React Native (iOS)
• react-native-looped-carousel - Create looped carousel of views or images
• react-native-mapbox-gl - A Mapbox GL react native module for creating custom maps
• react-native-markdown - A component for rendering Markdown in React Native
• react-native-marquee-label - A marquee label for react-native
• react-native-masked-view - A element for react-native
• react-native-material-kit - Bringing Material Design to React Native
• react-native-media-capture - A media-capture for react-native
• react-native-mediaplayer - Simple full screen media player for React Native.
• react-native-message-composer - React Native module bridge to iOS MFMessageComposeViewController
• react-native-meteor - DDP React-native Client
• react-native-mixpanel - A React Native wrapper for Mixpanel tracking
• react-native-modalbox - A component for react-native
• react-native-mongoose - A AsyncStorage based mongoose like storage for react-native
• react-native-motion-manager - A react-native interface for using the Gyroscope, Accelerometer and Magnetometer
• react-native-mswiper - Swiper component for React Native.
• react-native-multi-slider - Pure JS slider component with multiple markers for React Native
• react-native-multipeer - Communicate over ad hoc wifi using Multipeer Connectivity
• react-native-navbar - Simple customizable navbar component for react-native
• react-native-navigation-buttons - iOS navigation buttons for the React Native Navigator
• react-native-navigation-drawer - A slide menu inspired from Android for React-Native
• react-native-navigator - A simple router for react native
• react-native-nested-stylesheet - Nestable stylesheets for react-native.
• react-native-networking - react-native module to download and upload files with AFNetworking
• react-native-onepassword - React Native integration with the OnePassword extension.
• react-native-orientation-listener - A react-native library for obtaining current device orientation
• react-native-orientation - Listen to device orientation changes in react-native and set preferred orientation on screen to screen basis
• react-native-page-control - React native page control, like ios UIPageControl
• react-native-page-swiper - Page Swiper component for React Native.
• react-native-parallax - Parallax effects for React Native using Animated API
• react-native-parsed-text - Parse text and make them into multiple React Native Text elements
• react-native-phone-picker - a quick phone picker control
• react-native-picker-android - react-native-picker-android
• react-native-piechart - A component for React Native
• react-native-player - Media player for react-native
• react-native-popover-haobtc - A component for react-native
• react-native-privacy-snapshot - Obscure passwords and other sensitive personal information when a react-native app transitions to the background
• react-native-progress-bar - An animated progress bar component for React Native
• react-native-progress-circular - A pure React Native Component for circular progress bars for both iOS and Android.
• react-native-progress-hud - A clean and lightweight progress HUD for your React Native app
• react-native-qrcode - react-native qrocode generator
• react-native-radio-button-classic - Bring Classic Radio to React-Native
• react-native-radio-buttons - A react component to implement custom radio buttons-like behaviors: multiple options, only on can be selected at once.
• react-native-range-selector - react native range selector
• react-native-realtimemessaging-android - The Realtime Framework Cloud Messaging Pub/Sub client for React-Native Android
• react-native-realtimemessaging-ios - The Realtime Framework Cloud Messaging Pub/Sub client for React-Native
• react-native-realtimestorage-android - The Realtime Cloud Storage client for React-Native Android
• react-native-realtimestorage-ios - The Realtime Framework Cloud Storage client for React-Native
• react-native-rebound-scrollview - React Native Android ReboundScrollView implementation.
• react-native-refresher - A React Native pull to refresh ListView completely written in js. Also supports custom animations.
• react-native-relative-units - Relative units for React Native
• react-native-responsive-image - Most elegant Responsive Image component
• react-native-rest-kit - A React Native RESTful API kit that use the fetch method
• react-native-reverse-geo - React Native module bridge to convert address to geo coordinates.
• react-native-route-navigator - React-Native page navigation using URIs.
• react-native-router - Awesome navigation for your native app.
• react-native-safari-view - A React Native wrapper for Safari View Controller
• react-native-scene-manager - Simple Scene Manager for React-Native
• react-native-screcorder - Capture pictures and record Video with Vine-like tap to record
• react-native-scrollable-decorator - A standard interface for your scrollable React Native components, making it easier to compose components
• react-native-scrollable-mixin - A standard interface for your scrollable React Native components, making it easier to compose components.
• react-native-scrollable-tab-view - This is probably my favorite navigation pattern on Android, I wish it were more common on iOS! This is a very simple JavaScript-only implementation of it for React Native. For more information about how the animations behind this work, check out the Rebou
• react-native-scrollview-lazyload - react-native scrollview with image lazy load
• react-native-search-bar - The native search bar for react native.
• react-native-seekbar-android - A React Native wrapper Android's SeekBar
• react-native-segmented-view - Segmented View for React Native (with animation)
• react-native-select-box - react native select box
• react-native-simple-auth - Native social authentication for React Native on iOS
• react-native-simple-sound - Start, stop, and pause a sound. iOS only. Derived from https://github.com/zmxv/react-native-sound
• react-native-simple-store - A minimalistic wrapper around React Native's AsyncStorage.
• react-native-simpledialog-android - React Native Android module to use Android's AlertDialog - same idea of AlertIOS
• react-native-slidable-tab-bar - Slidable tab bar for instant view rendering(react-native)
• react-native-slider - A pure JavaScript component for react-native
• react-native-social-share - Use the iOS native Twitter and Facebook share view from react native
• react-native-sound - React Native module for playing sound clips
• react-native-speech - A text-to-speech library for React Native.
• react-native-spinkit - A collection of animated loading indicators for React Native
• react-native-splashscreen - A splashscreen for react-native
• react-native-sqlite-storage - SQLite3 bindings for React Native (Android & iOS)
• react-native-sqlite - SQLite3 bindings for React Native
• react-native-square-view - A square view component for react native.
• react-native-star-rating - A React Native component for generating and displaying interactive star ratings
• react-native-storage - This is a local storage wrapper for both react-native(AsyncStorage) and browser(localStorage). ES6/babel is needed.
• react-native-store - A simple database base on react-native AsyncStorage.
• react-native-svg - A element for react-native that renders Svg images using SVGKit
• react-native-swift-socketio - A react native wrapper for socket.io-client-swift
• react-native-swiper-haobtc - Swiper component for React Native.
• react-native-swiper - The best Swiper component for React Native.
• react-native-tab - react-native-tab is a simple module for add a "Tab Menu" to your React Native app.
• react-native-tabbar - Tab bar with more freedom
• react-native-tableview-simple - React Native component for TableView made with pure CSS
• react-native-tableview - Native iOS TableView wrapper for React Native
• react-native-tabs - React Native platform-independent tabs. Could be used for bottom tab bars as well as sectioned views (with tab buttons)
• react-native-textinput-utils - A react native extension which allows you to control TextInput better.
• react-native-timeago - Auto-updating timeago component for React Native
• react-native-timer-mixin - TimerMixin provides timer functions for executing code in the future that are safely cleaned up when the component unmounts. This is a fork that includes react-native InteractionManager support.
• react-native-toast - A android like toast for react-native support for ios and android
• react-native-toolkit - A collection of common UI components for react native mobile apps.
• react-native-tooltip - A react-native wrapper for showing tooltips
• react-native-touch-id - React Native authentication with the native Touch ID popup.
• react-native-touchable-set-active - Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for building your own touchable/button components on top of.
• react-native-transparent-bar - react native navigator transparent bar
• react-native-triangle - draw triangle views in react native
• react-native-tween-animation - A simple react native state tween animation module.
• react-native-udp - node's dgram API for react-native
• react-native-url-handler - Navigate to external URLs, handle in-app URLs, and access system URLs
• react-native-userdefaults-ios - React Native Module for NSUserDefaults
• react-native-util - A fork of io.js's util module that works with React Native
• react-native-vector-icons - Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own.
• react-native-video - A
• react-native-viewpager - ViewPager componnent for React Native
• react-native-viewport-units - Incredibly simple utility for (sort of) using viewport units with React Native.
• react-native-viewport - Viewport dimensions for react-native
• react-native-vksdk - A wrapper around the iOS VK (VKontakte) SDK for React Native apps
• react-native-voximplant - VoxImplant Mobile SDK for embedding voice and video communication into React Native apps.
• react-native-watchkit - react native for WatchKit
• react-native-web-polyfill - A set of classes and react components to make work your react-native app in a browser. (with some limitations obviously)
• react-native-web - React Native for Web
• react-native-webintent - React native android module to open links in the default browser
• react-native-webpack-server - Build React Native apps with Webpack
• react-native-webrtc - A WebRTC module for React Native.
• react-native-webview-android - Simple React Native Android module to use Android's WebView inside your app
• react-native-webview-bridge - React Native WebView Javascript Bridge
• react-native-wechat - react-native library for wechat app
• react-native-woopra - Promise based Woopra library for react-native
• react-native-xmpp - XMPP Library for React Native
• react-native-youtube - A component for React Native.
• react-native-zip-archive - Zip / Unzip archive utility

Tooling

• react-native-snippets - A collection of Sublime Text Snippets for react-native
• exp.host - Use React Native without XCode (a previewer app + local server infrastructure)
• Ruby React Native (via Opal) - Use Ruby for building React Native apps
• React Native Playground - Run React Native apps in your browser via real time simulator
• AppHub - Update React Native apps, instantly
• CodePush - Push code updates to your apps, instantly

Seeds

Get a head start on development with an existing seed.

• react-native-webpack-starter-kit
• react-native-babel
• react-native-es6-reflux
• react-native-tabbed
• ReactNativeTS - Typescript with alt and router

Libraries

• tcomb-form-native - Generate React Native forms

Examples

• React Native Showcase
• Github repo examples
• Hacker News iOS
• ReactNativeHackerNews
• ReactNativeRedditReader
• Premier League
• Buyscreen sample
• NewsWatch video viewer
• Native iOS font list
• Confreaks
• iOS Conference App made with React Native
• Alt/Flux Demo
• Dribbble React Native
• Lumpen Radio
• React Native Embedded App -A collection of examples for using React Native in an existing iOS application
• An example React Native project for client login authentication
• iOS app that transcript your voice with IBM Watson Cloud
• React Native Chromecast App
• React Native Example, Geo and Location
• MagicMirror
• Kakapo - ambient sound mixer, iTunes
• Finance React Native - iOS's stocks app clone written in React Native for demo purpose.
• Redux Demo - Minimal implement of redux counter example on ReactNative iOS and Android
• react-native-nw-react-calculator - A mobile, desktop and website App with the same code
• Posters_Galore_Android - An experimental Android application using Redux and a REST API

Tutorials

• Official React Native tutorial
• Introducing React Native (on Ray Wenderlich's)
• Facebook Login With React Native
• Enabling Live Reload
• Building Custom React Native Components From Scratch
• Custom Native iOS Views with React Native
• Integrating Parse and React Native for iOS
• React Native Periscope Hearts Animation
• React Native Youtube Animated Video Slide
• React-Native Animated with React-Art - Firework Tap To Shoot
• React-native press and hold button actions
• React-native Animated API with PanResponder
• React-native Animated ScrollView Row Swipe Actions
• React-native Animated API Basic Example
• React Native and Socket.io
• Adding Custom Fonts to A React Native Application
• Build a streaming audio app with React Native
• React Native Example App: Navigation
• Simple FaceMash clone in React Native

Problem & Solution

• NavigatorIOS: Accessing onRightButtonPress from within child component

Videos

• React Conf 2015: Introducing React Native
• React Conf 2015: A Deep Dive into React Native
• F8 2015: React Native and Relay
• Generate React Native Forms with tcomb-form-native
• Let's build a React Native app in 20 minutes and Gist
• Egghead.io: React Native Fundamentals
• Pluralsight.com: Build iOS Apps with React Native

Releases

• Release Process
• 0.13.0-rc
• 0.12.0
• 0.11.0-rc
• 0.10.0-rc
• 0.9.0-rc
• 0.8.0-rc
• 0.7.0-rc
• 0.6.0-rc
• 0.5.0-rc
• 0.4