React Native Expo Installation in Windows 11

Lab Setup / Day 1 of 100 days of code in React-Native

React Native

Hi there,
Today (03/08/2023) is the first day of 100 days of code in react-native challenge . Here we will see about, How to setup the windows 11 for react-native development.

Step 1: Installing NPM

First go to the NodeJs website and download the latest NodeJs Installer and install the NodeJs on windows.

https://nodejs.org/en

To verify npm installation :

node -v

It gives the output as the version name.

Step 2: Expo Installation

To install expo-cli , open command prompt in administrator mode and the paste the command given below

npm install expo-cli — global

Ignore the warning messages inbetween the installation

Step 3: Android Studio Installation

To see the development , we are using emulators . Install latest version of android studio . Then open the android studio and select the sdk manager from more actions

Android Studio

Select the latest android versions from the list and select the check list in the SDK Tools as given as below

SDK Tools

It takes some time and internet . After completing the installation open virtual device manager in more actions and create device what you likes

Virtual Device

Once you created the virtual device , it download some required things from internet . After completion run the virtual device and you can also able to close the android studio if you want. Install expo-go app in the virtual device using playstore .

Step 4 : Initializing new sample project

Open the directory where you want to code in command prompt . The type the following command

expo init <project name>

It will ask you some question , just select blank template and answer the question about the project. The project has been created as by the given name. Open the project directory in command prompt and run the app using the following command

npm start

The development server will be started

Click ‘a’ in the command prompt it will automatically launch the expo go app and the project will be displayed in the emulator

App is successfully Running

I hope this tutorial helps you , Will See you all in next tutorial . Bye !