bash_profile export ANDROID_HOME=/home/xxx/Android/cmdline-tools/latestĮxport ANDROID_SDK_ROOT=/home/xxx/Android

Install Android SDK cmdline tools in WSL2, see here and adjust directory structure, see here.

Install java-8-openjdk in WSL2 ( sudo apt-get install openjdk-8-jre).

Debug app in Visual Studio Code from WSL2.

Enable access to metro bundler from Windows.

Start android virtual device in Windows.

Connect to android virtual device in Windows.

Connect to android hardware device from WSL2.

Finally, we have opened our project with Visual Studio Code and explained the basic anatomy of a React Native project.Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu. 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 android studio