React Native Environment Setup with Expo CLI
To see the overview on environment setup, options and difference between expo and react-native cli please go through
Step 1
Prerequisites setup on your system if you do not have the following setup prior on your system.
- Install Node.js
- Install Visual Studio
Step 2
1) Create Environment Variable with node path
- Search Environment Variables in search box on windows
- Edit Environment Variables
- Advanced System Settings → Environment variables → select path and click on edit
- In Edit Dialog click on new and add one by one the below lines
;C:\Program Files\nodejs
C:\Users\RUCHI\AppData\Roaming\npm
Step 3
Create a new folder in your system where you want to store your react native projects/demo and open the folder in Visual Studio
Step 4
1) In the terminal command line place the below command and enter to install expo cli
npm install -g expo-cli
2) It takes few seconds and then in order to create a new project enter the below line with the project name
expo init ReactNativeDemoApp
3) It takes few seconds and your project is ready in order to move to the project and start your project, to start we can also use npm start.
cd ReactNativeDemoApp
expo start Here we go we are done with setup and you can see the qr code generated also you can run it on your device or emulator, any modification on screen we can edit App.js and test.
Stay tuned to my posts and do share your valuable thoughts if any queries or you would like to share anything on this topic in the comment section and please do like and share my post if this was helpful.
Hope you liked it :)
0 Comments