React Native CLI Installation Guide for Linux (Ubuntu22.04)
Tanvir Ahmed Khan
2 min read
Nodejs Installation
Install the Nodejs (Latest Version Preferrable) for Ubuntu distribution
$ sudo apt update
$ sudo apt install nodejs
$ sudo apt install npm
$ node --version # Check For Successful Installation
$ npm --version
- You can use NVM to install and maintain multiple nodejs version
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
$ source ~/.bashrc
$ nvm list-remote
$ nvm install v20.4.0
$ nodejs --version # Check for Successful Installation
$ npm --version
OpenJDK Installation
- Install the OpenJDK if not installed on your machine
$ sudo apt update
$ sudo apt install default-jre
$ sudo apt install default-jdk
$ javac --version # Check for Successful Installation
Android Studio Installation
- You Can Install Android Studio From The Snap Store
$ sudo snap install android-studio --classic
Install Watchman
Install Watchman from this Link and make sure to download the .deb file for ubuntu22.04
Run this Command to install the package
$ sudo dpkg -i watchman_ubuntu20.04_v2023.09.18.00.deb
$ sudo apt -f install
Configure the Environment Varaible in the bash file
- Open the bashrc file in your terminal
$ vi ~/.bashrc
- Add these lines at the end of your bash file
export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
- Write ':wq' to quit and save the file and then source the bash file
$ source ~/.bashrc
Build Your React Native Project
- Create a new folder for React-native projects
$ mkdir AllReactProjects
$ cd AllReactProjects/
$ npx react-native@latest init YourProjectName
** If you're facing gradle file/sudo privilege problems for the running directory then run,
chmod 755 AllReactProjects/
Run your First Program!
- Cd into your project directory
$ cd YourProjectName/
- Run the command for starting the react native application
$ npm start
And you're ready to start your journey of React Native!
Good Luck on your Journey!
0
Subscribe to my newsletter
Read articles from Tanvir Ahmed Khan directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
Tanvir Ahmed Khan
Tanvir Ahmed Khan
Undergraduate Student from Bangladesh