Image result for react native

React Native lets you build mobile apps using only JavaScript quickly. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don’t build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that’s indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.
- [1]Facebook

In this article I will show you how to download react native on a Windows and Mac computer. The documentation on Reactive Native can be found here (https://facebook.github.io/react-native/docs/getting-started.html).

Install npm and node.js

Go to the node.js website (https://nodejs.org/en/)and install node.js. npm is distributed with Node.js which means that when you download Node.js, you automatically get npm installed on your computer.

Install the “Create React Native App”

Be sure to go to the location where you installed Node.js

Windows: I installed it in

I installed it in /usr/local/bin
NOTE:
On mac make sure that /usr/local/bin is in your $PATH.

Windows:

To go to the location where you installed Node.js if it was in the same location, open command prompt as admin and copy/paste the below.

CD C:\Program Files\nodejs

Next after you are in the location where you installed Node.js, run the following command in windows.
Note: Make sure you opened the command prompt as admin

npm install -g create-react-native-app

Mac:

Run the following command in your terminal. I am using sudo to give permission to install this.

sudo npm install -g create-react-native-app

Then run the following commands for mac only.

sudo sysctl -w kern.maxfiles=5242880
sudo sysctl -w kern.maxfilesperproc=524288

Windows or Mac

Next run the following commands. For either Windows or Mac.

create-react-native-app AwesomeProject 
cd AwesomeProject
npm start

This will start a development server for you, and print a QR code in your terminal.

Image for post
Image for post

Run Your React Native Application

Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. Using the Expo app, scan the QR code from your terminal to open your project. The app should auto refresh every time you save the file.

NOTE: If you are using android, go to the play store and download Expo Project

Mac:

Your project should be located /Users/<user_name>/AwesomeProject
-OR-
Look under “All My Files”

Image for post
Image for post
Learning React Native: Building Native Mobile Apps with JavaScript

Thanks for reading this article I hope its helpful to you all ! Keep up the learning, and if you would like more computer science, programming and algorithm analysis videos please visit and subscribe to my YouTube channels (randerson112358 & compsci112358 )

Resources:

[1] https://facebook.github.io/react-native/docs/getting-started.html

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store