sudo add-apt-repository ppa:openjdk-r/ppa To install the JDK using the commands below. Actually, when building an app using React Native, it converts the JSX code to Java. So Java Development Kit(JDK) is required to work with React Native projects. Native Android apps are built using Java. However, we can install the latest version for NPM using the command below.

NPM will be installed with the Nodejs installation itself. Sudo apt-get install -y nodejs Install NPM So curl the latest Node.js package and install the stable version of Node.js on our system using the below commands. Since React Native is a framework of JavaScript, it requires to have Nodejs(A JavaScript runtime) installed.

Running the application on an Android device.

Choosing the code editor and start editing our app.

Creating a new React Native application.

Configure ANDROID_HOME environment variable.

Finally, we have opened our project with Visual Studio Code and explained the basic anatomy of a React Native project.Here in this article, we will learn the following things:. We have also deployed our mobile application to our Android emulator. In this part, we have created our first React Native project using the React Native CLI via the npx command.

index.js: The main file of our application where the components are registered.

App.js: The main component in our React Native app,.

android: The folder for the Android project,.

gitattributes: ignores all files in version control that should be unique to each development machine buckconfig: The configuration file for Buck, a build system created by Facebook, eslintrc.js: The configuration file for ESLint, a JavaScript and JSX linter (a tool for code quality), flowconfig: The configuration file for Flow, a static type checker for JavaScript,

nfig: The configuration file for Watchman, a file watch service,.

app.json: configures parts of our app that don’t belong in code.: The configuration file for Metro, a JavaScript bundler for React Native,.

: The configuration file for Babel (A compiler and transpiler for JavaScript).We have also other configuration files such as: It includes the typical folders and configuration files for a Node.js project such as the package.json and package-lock.json files and the node_modules folder. In the left panel, we can see the structure of our project.

Run react native in android studio