What is React Native

 

What is React Native ?

React Native is a popular JavaScript-based mobile app framework that allows you to

 build natively-rendered mobile apps for iOS and Android. The framework lets you create 

anapplication for various platforms by using the same codebase.React Native was first 

released by Facebook as an open-source project in 2015. In just a couple of years, it became 

one of the top solutions used for mobile development.

Installation  : we will use the Expo CLI version that will much smoother to run your React Native applications. Follow the below steps one by one to setup your React native environment.

• Step 1: Open your terminal and run the bellow command.

  npm install -g expo-cli

• Step 2: Now expo-cli is globally installed so you can create the project folder by running the below command.                                                                                                                                                                                                        expo init "projectName"

• Step 3: Now go into the created folder and start the server by using the following command.

  cd "projectName"
  npm start web

Installation  : we will use the React Native CLI version that will much smoother to run your React Native applications. Follow the below steps one by one to setup your React native environment.

•    Step 1: Open your terminal and run the bellow command.

                  npx react-native init project name

•    Step 2: To start Metro, run npx react-native start inside your React Native project                           folder:

                   npx react-native start

•   Step 3: Open a new terminal inside your React Native project folder. Run the following:

                     npx react-native run android

Example of first project: -

import React from 'react';

import { Text, View, StyleSheet } from 'react-native';

const Home=()=>{

return (

<Text style={{

              marginTop:300,

      marginLeft:10}}>

FirstProject

</Text>

)

}

export default function App() {

return (

<View>

<Home/>

</View>

);

}

 History of  React Native  

React Native was first released by Facebook as an open-source project in 2015.

Native development is used to power some of the world's leading mobile apps, including

Instagram, Facebook, and Skype.

Click here