Update React Native App Tutorial authored by Aaditya Prakash's avatar Aaditya Prakash
...@@ -11,17 +11,17 @@ In this tutorial, we will learn to develop a react native app with Expo toolkit. ...@@ -11,17 +11,17 @@ In this tutorial, we will learn to develop a react native app with Expo toolkit.
#### Introduction #### Introduction
React Native is a JavaScript framework for building native cross platform mobile apps. Expo is a complementary toolkit for React Native. It offers many additional APIs and is very helpful for app development. React Native is a JavaScript framework for building native cross platform mobile apps. Expo is a complementary toolkit for React Native. It offers many additional APIs and is very helpful for app development.
#### Setup Expo Environment #### Setup Expo Environment
<span dir="">With Expo CLI, you just need a recent version of Node.js. You can download the latest version of Node JS for </span>[<span dir="">nodejs.org.</span>](http://nodejs.org)<span dir=""> </span> <span dir="">Once Node.js is installed on the system, npm commands would work. <span dir="">With Expo CLI, you just need a recent version of Node.js. You can download the latest version of Node JS for </span>[<span dir="">nodejs.org.</span>](http://nodejs.org)<span dir=""> </span> <span dir="">Once Node.js is installed on the system, npm commands would work.</span>
Install the Expo CLI by using the following command.</span> Install the Expo CLI by using the following command.
<div> <div>
``` ```plaintext
//Install Expo-cli from command line tools //Install Expo-cli from command line tools
npm install -g expo-cli npm install -g expo-cli
``` ```
...@@ -30,7 +30,7 @@ npm install -g expo-cli ...@@ -30,7 +30,7 @@ npm install -g expo-cli
</div><span dir="">You can simply initialise your project with the following command:</span> </div><span dir="">You can simply initialise your project with the following command:</span>
``` ```plaintext
//Initalizes your project //Initalizes your project
expo init TUC expo init TUC
``` ```
...@@ -41,16 +41,16 @@ The **Expo CLI** will ask you to choose a template. In this tutorial, we will se ...@@ -41,16 +41,16 @@ The **Expo CLI** will ask you to choose a template. In this tutorial, we will se
After project is created, you can navigate to the project directory. After project is created, you can navigate to the project directory.
``` ```plaintext
//Navigate to project directory //Navigate to project directory
cd tucT cd tucT
``` ```
#### Start the Expo Server #### Start the Expo Server
You can start the expo server with the following command. You can start the expo server with the following command.
``` ```plaintext
expo start //or npm start expo start //or npm start
``` ```
... ...
......