missionvur.blogg.se - Javascript react native android studio

Open the project created on Part A on Android Studio and check the Gradle version ( ) I strongly advise you to install and use v14.18.2. Note: Check the version of Node inside your WSL2 terminal. Section B: Set up the environment on WSL2īy now you should have a React Native project up and running with an emulator on Windows 10, right? But we want more, we want to run the project inside WSL2 and just communicate with the emulator on Windows 10, so let’s do it! So, now take a deep breath and go through it! You can skip the ‘ Using a physical device’ configuration and follow only the ’ Using a virtual device’ for this tutorial. PS: You can follow the tutorial with any node version, but keep in mind that it can cause some annoying errors along the process, such as this one: ģ.If the Node version installed is different from v14.18.2 you can also install nvm and set to use v14.18.2 ( ).

When installing node, prefer to install version 14.18.2 When choosing the Quickstart options, select:Ģ. Yep… I know that the official documentation is extensive and painful, but I will give you some tips to go through it:ġ. Wait… but you just said that this task is usually very painful and now you say that I “just” need to follow the official documentation, how dare you?! On this section you just need to install React-Native on Windows 10 following the official documentation. Section A: Set up the environment on Windows 10

Section B: Set up the environment on WSL2.

Section A: Set up the environment on Windows 10.

This article will be divided into 2 sections PS: You can use any distro on WSL2, but this tutorial was made using Ubuntu 20.04 distro.

WSL2 Ubuntu 20.04 installed with node v14.18.2 and VSCode extension ( ).

I spent a lot of time until everything was working and my goal with this article is to make life easier for anyone who needs it.īy the end of this tutorial, you will have a React-Native project up and running inside WSL2, and using an Android Emulator on Windows 10. If you add WSL2 to it, things start to get more ugly. Setting up React-Native on any environment is usually very painful and I almost cry every time I need to set it up. Recently I set up an environment for a React-Native project, and I, as a big fan of using Windows + WSL2 on my web development environment, did not want to stop using WSL2 for this new mobile development project. Photo by Naveen Chandra on Unsplash Introduction