The applications are built upon react native platform offers real look and feel of native ios or android platforms. It is from React, Javascript library built for the rich mobile User interface.

React native is a Javascript framework which lets you write native mobile applications for iOs and Android in a single code base.

Finally, we have opened our project with Visual Studio Code and explained the basic anatomy of a React Native project.This article will help you install React Native easily and run your first React Native app on iOS.įirst of all, let’s know What is React native? 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.

Android studio react native setup