EDUCBA

Home Software Development Software Development Tutorials React Native Tutorial

Basic

What is React Native?

React Versions

React Constructor

React Native Architecture

React Native Libraries

Top React Components Libraries

React Native Components

React Component Library

React Component Lifecycle

React Native Framework

React Higher Order Component

React Ternary Operator

React Native Charts

React Native Layout

React Native Grid

React Native Fetch

React Native Modal

React Native SVG

Button in React Native

React List Components

React Native Element

React Native FlatList

React Native SectionList

React Native Dropdown

React Native Menu

React Native State

React State Management

React Native Tabs

React Native Tab Bar

React Format

React-Native Switch

React Native Firebase

React Native Flexbox

React Native StatusBar

React Native ScrollView

React Native Horizontal Scroll

React Native ListView

React Native TextInput

React Native Table

React-Native Border Style

React Native Search Bar

React-Native StyleSheet

React Native Vector Icons

React Native Login Screen

React Native Splash Screen

React Native Image Picker

React Native Navigation

React Native Swift

React Controlled Input

React Fragment

React Native Color

React native useeffect

React Portals

React Map

React Refs

React shouldComponentUpdate()

React ComponentDidMount()

React componentWillUpdate()

React componentWillMount()

React Native Orientation

React Native Box Shadow

React Native SafeAreaView

React Native Background Image

React Native Animation

React Native Form

React Props

React PropTypes

React Native Linear Gradient

React Native AsyncStorage

React Error Boundaries

React Native Progress Bar

React-Native Calendar

React Native Linking

React Native DatePicker

React Native Image

React Native Drawer

React Native Drawer Navigation

React Native Fonts

Styling in React Native

React Native Overlay

React Native OneSignal

React Native Template

React Native Router

React Router Transition

React Dispatcher

React Native Transform

React Native zIndex

React Native Redux

React JSX

React native keyboardavoidingview

React Native Permissions

React Redux Connect

React Native Material

React Native Gesture Handler

React Native Theme

React Native Picker

React Native Slider

React native websocket

React native opacity

React native usestate

React Native Keep Awake

React Native Accessibility

React Native Justify Content

MobX React Native

React Native Authentication

React Native UUID

React Native Geolocation

React Native Debugger

React Native Carousel

React Native Local Storage

React Native TypeScript

React Bootstrap

ReactDOMServer

React Native SQLite

React Native Interview Questions

React Native ActivityIndicator

Global Variable React Native

React Native Tutorial

React Native is a framework for building cross platform mobile applications. It uses react inside and native mobile components to build applications. React native is different from other cross-platform tools because of building applications with native components. You can use JavaScript, or JSX or TypeScript to write react-native components. You can create builds for IOS as well as Android both the platform with the same code base. React Native uses the basic concepts of React like JSX, states, and props the only difference is you would be writing native components and sometimes platform-specific components. This tutorial will help you to understand basic app development with React Native and it doesn’t matter if you know to react or not.

Need of React Native

  • Building cross-platform applications that can run on Android as well as IOS and others also.
  • Your team would be handling a single code base, not like native development where you will be having different code bases for Android and IOS.
  • Because using Native component react-native gives the feel of native application rather than a web component build application.
  • Having a single code base helps in easy maintenance of code base and updates.
  • React Native is built by Facebook so it has great support and a large community where you can get resources to build and optimize your application.
  • React native is very suitable for building applications which doesn’t require much graphics performance as it requires in games.
  • You have a choice to start development with Expo or bare React Native.
  • You can decide on choosing from React Native or Expo largely depends on how you are going to build your application. If your application is going to have 3rd party native integrations then React Native is the choice or you just want a fast prototype or a minimal application then Expo would be a great choice.

Applications

  • There are many Mobile Applications built with React Native.
  • Airbnb can be one of the examples.
  • It would be expensive if you hire a pure native developer for Android and React Native both if you are a startup company or a small business. You can use React Native and any developer with JSX or JavaScript knowledge can quickly learn and develop React Native cross-platform application that would run on both Android and JavaScript.

Prerequisites

  • Basic understanding of JavaScript.
  • Basic concepts like state, props of React.
  • Basic HTML, CSS concepts would help you in designing the application.
  • Basic understanding of Linux, Mac, or Windows operating system where you are going to develop the application.

Target Audience

This tutorial is for all who want to start with Mobile Application development. It doesn’t matter if you know React or not, you can start to learn react native and build mobile applications. Anybody who wants to start a career with mobile application development can learn to react native and build cross-platform applications. If you are new to mobile application development you can start with expo CLI or if you are already in mobile application development you can install react native CLI and start building the application.