React Native Fundamentals

 

React Fundamentals

React Native runs on React, a popular open-source library for building 
user interfaces with JavaScript. To make the most of React Native, it helps to understand React itself. This section can get you started or can serve as a refresher course
 

Here, we will learn how to create a simple Hello World in react native

 

Let’s create a simple application of React Native

We will follow the below command to create a Hello Worlds in React Native

 

Use below command to install React native

·      npm install –g react-native-cli

 

The above instructions work best if you need to build native code in your application or want to integrate React Native in an existing application. If you want to quickly prototype an application and you can use Create React Native App module that is very similar to Create React App

 

We will use the Expo client on our phone to use it

 

Use below command to create a React native app

 

·      react-native init HelloWorld

 

Instructions for IOS

·       npx react-native run-ios

 

Instructions for Android

·       npx react-native run-android

 

Once all above mentioned steps will be completed then use the cd command to load the folder and hit code. ( code dot)  on the command prompt on the same location.

 

Note code. the command will open visual studio code and you should see structure like below

 

Now  hit command npx react-native run-android on the same location

Note : Here we assume , Environment setup is already done

Environment setup we will learn in next session

With ❤️ Happy Coding