Scribd
Upload
55 views16 pages

Installation Steps

This document provides steps to set up the environment for developing React Native mobile apps. It outlines installing Node.js, Python, JDK8, and the React Native CLI. It also covers starting a new project, installing Android Studio, configuring an emulator, and running a project on Android.

Uploaded by

Fawzy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
55 views16 pages

Installation Steps

This document provides steps to set up the environment for developing React Native mobile apps. It outlines installing Node.js, Python, JDK8, and the React Native CLI. It also covers starting a new project, installing Android Studio, configuring an emulator, and running a project on Android.

Uploaded by

Fawzy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 16

React Native Course

Environment Setup
Submitted By : Dr.Fatma Al_Rubaie
Introduction

 React Native is a JavaScript framework for building native mobile apps. It uses
the React framework and offers large amount of inbuilt components and APIs.
 React Native lets you build mobile apps using only JavaScript.
 It uses the same design as React, letting you compose a rich mobile UI from
declarative components.
React Native Features

 React − This is a Framework for building web and mobile apps using
JavaScript.
 Native − You can use native components controlled by JavaScript.
 Platforms − React Native supports IOS and Android platform
React Native Advantages

 JavaScript − You can use the existing JavaScript knowledge to build native
mobile apps.
 Code sharing − You can share most of your code on different platforms.
 Community − The community around React and React Native is large, and
you will be able to find any answer you need.
React Native Limitations

 Native Components − If you want to create native functionality which is not


created yet, you will need to write some platform specific code.
React Native - Environment Setup

 There are things you need to install to set up the environment for React
Native. We will use OSX as our building platform.
Step 1: Install Nod.js

 You can install from  NodeJS Environment Setup.


Step 2: Install Python

 You can install from https://www.python.org/downloads/release/python-2715/


Step 3 : Install JDK8

 You can install from


https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Step 4: Install React Native CLI

 You can install react native command line interface on npm, using the install -g react-native-cli
command as shown below.
Step 5: Start react native

 To verify the installation browse through the project folder and try starting the project using the start
command.
Step 6: Installing Android Studio

 Visit the web page https://developer.android.com/studio/ and download android studio


Step 7: Configuring AVD Manager

 To configure the AVD Manager click on the respective icon in the menu bar.
Step 7: Configuring AVD Manager(cont….)

 After configuring your virtual device click on the play button under the Actions column to start your
android emulator.
Step 8: Running android

 Open command prompt, browse through your project folder and, execute the react-
native run-android command
Step 9: local.properties

 Open the android folder in your project folder SampleReactNative/android(in this case). Create a file


with named local.properties and add the following path in it.

You might also like