nkt217/rn-with-wsl-wsa.md

Forked from xquangdang/rn-with-wsl-wsa.md

Created October 28, 2021 13:58

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/nkt217/9bd88833767819a6f254800ea04d805e.js"></script>
Save nkt217/9bd88833767819a6f254800ea04d805e to your computer and use it in GitHub Desktop.

Download ZIP

Develop React Native app with WSL and WSA

Raw

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

Enable developer mode for WSA

WSL2

This tutorial will run on Ubuntu 20.04

Install Android debug bridge (adb)

$ sudo apt install adb

Connect to WSA

Connect to WSA via IP

$ adb connect <wsa-ip>

Make sure ADB connect successfully

$ adb devices
List of devices attached
172.19.99.153:5555      device

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment