xx745

Building a react native app in WSL2

Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu.

• Install tools in Windows
• Install tools in WSL2
• Connect to android hardware device from WSL2
• Connect to android virtual device in Windows
  • Start android virtual device in Windows
• Start adb server in Windows

xx745

1. Initialize React Native project in your WSL2 Linux with:

npx create-expo-app <PROJECT_NAME_HERE>

Simply follow official docs "Expo Go Quickstart": https://reactnative.dev/docs/environment-setup

2. Allow inbound and outbound traffic in your Windows Firewall on port 19000.

3. In PowerShell terminal of your WSL2 user find IP address:

xx745

1. Add whatever you want to your folder, and open it in the terminal.
2. Run: git init
3. Run: git remote add origin <repo_url>
4. Run: git fetch origin
5. Run: git checkout -b main origin/main

xx745

Installation of NativeScript with Vue.js

Tested on Ubuntu 19.10 Eoan, set up as Virtual Machine in VirtualBox 6.0.20.

Most of the instructions come from the official manual https://docs.nativescript.org/angular/start/quick-setup, but it is incomplete/wrong in some places. I have created an issue for NativeScripts documentation here: https://github.com/NativeScript/docs/issues/1890

Make sure that you have system up to date, with all the packages upgraded

sudo apt update