FaridSafi/awesome-react-native

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
• React May Have Just Ended The Native Vs. Web Debate
• 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
• firebase-react-native - firebase client api hacked to get working with react-native
• 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-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-android-audio-streaming-aac - A react native streaming player
• react-native-android-iconify - icons for react native android using android-iconify
• react-native-android-sqlite - A react native android wrapper for SQLite
• 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-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-barcode-scanner - Barcode scanner for React Native
• react-native-barcodescanner - A barcode scanner component for react native
• react-native-battery - A React Native module that returns the battery level/status of a device
• 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-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-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-clipboard - React Native component for getting or setting clipboard content
• 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-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-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-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-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-eval - Call any JS functions from your native code
• react-native-facebook-login - React Native wrapper for native iOS Facebook SDK login button and manager
• 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-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-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 - Google Cloud Messaging for React Native
• react-native-geocoder - react native geocoding and reverse geocoding
• react-native-gesture-password - A gesture password component for React Native
• react-native-gesture-recognizers - Gesture recognizer decorators for react-native
• 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-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-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-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-invertible-scroll-view - An invertible ScrollView for React Native
• react-native-item-cell - React Native default style iOS item cell
• react-native-keyboardevents - Monitors keyboard show/hide notifications
• react-native-keychain - Keychain Access 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-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-masked-view - A element for react-native
• react-native-material-kit - Bringing Material Design to 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-modalbox - A component 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-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-parallax - Parallax effects for React Native using Animated API
• react-native-phone-picker - a quick phone picker control
• react-native-piechart - 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-hud - A clean and lightweight progress HUD for your React Native app
• 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-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-reverse-geo - React Native module bridge to convert address to geo coordinates.
• 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-segmented-view - Segmented View for React Native (with animation)
• react-native-simple-auth - Native social authentication for React Native on iOS
• react-native-simple-store - A minimalistic wrapper around React Native's AsyncStorage.
• 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-speech - A text-to-speech library for React Native.
• react-native-spinkit - A collection of animated loading indicators for React Native
• react-native-sqlite - SQLite3 bindings for React Native
• react-native-square-view - A square view component for react native.
• 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-swipeable-modal - Swipeable modal 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 - 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-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-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-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 component 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-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-bridge - React Native WebView Javascript Bridge
• 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-fabric-digits Fabric Digits wrapper for React-Native

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

Libraries

• tcomb-form-native - Generate React Native forms

Examples

• React Native Showcase
• Github repo examples
• Hacker News iOS
• ReactNativeHackerNews
• 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

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

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