Develop React Native app with WSL and WSA

rn-with-wsl-wsa.md

Develop React Native app with WSL and WSA

Requirement

• Windows Subsystem for Linux 2 (WSL2)
• Windows Subsystem for Android (WSA)
• NodeJS install inside WSL2

Steps

WSA

1. Enable developer mode for WSA

WSL2

This tutorial will run on Ubuntu 20.04

1. Install Android debug bridge (adb)

$ sudo apt install adb

2. Connect to WSA

• Connect to WSA via IP

$ adb connect <wsa-ip>

• Make sure ADB connect successfully

$ adb devices -l
List of devices attached
172.21.210.88:5555     device product:windows_x86_64 model:Subsystem_for_Android_TM_ device:windows_x86_64 transport_id:4

React Native setup

I'll follow tutorial on ReactNative.dev

# Assuming that you have Node 12 LTS or greater installed, you can use npm to install the Expo CLI command line utility
$ sudo npm install -g expo-cli
# Then run the following commands to create a new React Native project called "AwesomeProject"
$ expo init AwesomeProject

cd AwesomeProject
$ npm start # you can also use: expo start

Select Run on Android device/emulator in expo web client

FAQ

@TuKun33 i have a similar problem, solved when i changed .wslconfig file on windows user home folder

mine look like that

# Settings apply across all Linux distros running on WSL 2
[wsl2]

# Limits VM memory to use no more than 4 GB, this can be set as whole numbers using GB or MB
memory=8GB 

# Sets the VM to use two virtual processors
processors=8

# Sets amount of swap storage space to 8GB, default is 25% of available RAM
swap=8GB

#	Boolean to turn on or off nested virtualization, enabling other nested VMs to run inside WSL 2. Only available for Windows 11.
nestedVirtualization=true

# set mirrored network settings
networkingMode=mirrored**

this last setting was what resolved it