# Your First React Native Application

## In this blog we will learn how to create a react native app

### **Step 1: Creating a new application**

* Make a folder with any name and open it in VS Code
    
* In my case i have created the folder **React Native**
    
* Run the following commands
    
* ```bash
    npx @react-native-community/cli@latest init AwesomeProject_01
    ```
    
* ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752134919245/b834d3b0-199a-477e-bc45-12f4d7d40f3a.png align="center")
    
* wait some time and it will initialise a project name **AwesomeProject\_01**
    
* ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752135063925/270bc9bc-6367-48b0-a8ca-ac0dda561781.png align="center")
    
* Open the developer options in your phone and set USB debugging and enable file transfer by default
    
* Connect your Device and run the command
    
* ```bash
    adb devices
    ```
    
* ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752135232465/e7387185-7081-40a2-9028-4db9cae025da.png align="center")
    

### **Step 2: Start Metro**

* After successfully executing the above commands open the AwesomeProject\_01 folder in VS Code
    
* And run the following command
    
* ```bash
    npm start
    ```
    

This command will start metro which is the JavaScript build tool for React Native.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752135360720/2aa92b4b-ca42-4ac8-ac61-c6a34b38bcf6.png align="center")

### **Step 3: Start your application**

```bash
npx react-native run-android
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752135659114/f6ed78f8-331b-414e-b3f8-e2085640336d.png align="center")

* If everything is set up correctly, you should see your app running in mobile shortly.
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752136250853/7a1d8d18-9dc3-41aa-ad52-7fc2130bd965.jpeg align="center")

### **Step 4: Modifying your app**

paste the code in your **App.tsx** file

```bash
import React from "react";

import {
  View, 
  Text,
  SafeAreaView,
  
} from "react-native"

function App(){
  return(
      <SafeAreaView>
        <View>
          <Text> Hello World! </Text>
        </View>
      </SafeAreaView>
  )
}

export default App;
```

* You should get the below view in Your Phone
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1752136263711/fb780307-e859-4a6b-9816-9a3240e97d79.png align="center")
    

## Congrats , Now Your App is now Running .

## Note: For installation visit:

[React Native Setup](https://react-native-guide.hashnode.dev/react-native-installation-guide-for-linux)