React Native

React Native is a cross-platform framework for building mobile applications that can run outside of the browser  —  most commonly iOS and Android applications.

It can be used to build applications on Windows devices, desktop OS’s, and Apple TVs additionally, but this guide will only be covering its most common purpose  —  Android and iOS applications.

Table of Contents

What is React Native?

React Native falls in-between native and hybrid applications on the mobile app spectrum. The user interface you create is entirely native and the overall performance of the application is nearly as good as writing a native app using languages such as Swift or Java. It also gives you the flexibility to embed web views (webpages) or native code (Java/Kotlin for Android, Objective C/Swift for iOS) inside your applications wherever you want.

It follows the same pattern as React, where the views (what you see on the screen) are rendered from JavaScript files. The difference is that React Native supplies its own API for handling native mobile views vs the DOM on the web.

Reasons to choose React Native

  1. Code reusability  —  It uses one codebase that is shared between both platforms.
  2. Reuse web tools and skills  —  Reuses JavaScript knowledge, tools and utilities like axios, Redux, and other libraries that don’t require the DOM from the web.
  3. Optimized for developer productivity  —  Comes with features like hot/live module reloading and chrome developer tools for debugging out of the box!
  4. Performance  —  Performs better than hybrid application frameworks like Ionic and Cordova since it's not using web views.
  5. Corporate backing  —  Lots of companies support and contribute to React Native including Walmart, Airbnb, Wix, and, of course, Facebook.
  6. Community  —  React Native has a large (and growing) community with over 1500 contributors to the core project and thousands more who contribute to various libraries.
  7. Better user experience  —  React Native uses JavaScript to render native components from your phone's OS. In other words, the application's user interface (UI) is entirely native!
  8. Cross-Platform - Great way to prototype and save time while building either a universal user interface or platform specific mobile application that can run on both iOS and Android devices.

How to Get Started with React Native

There are three quick easy ways to get started with React Native. Depending on your situation, one can be a better option for you.

  1. Expo - Similar to Create React App to get up and running an app using the terminal. Using Expo you do need XCode or Android Studio to build a React Native application.
  2. Ignite CLI - Empowers developers to easily create a new React Native app with plug ins. Ignite CLI also enables developers to easily setup best practices.

Contributing to the Guide

This open source guide is curated by thousands of contributors. You can help by researching, writing and updating these articles. It is an easy and fun way to get started with contributing to open source.