Documentation on running React Native with Firebase on a Ubuntu Virtual Box on Windows

This post is about me trying to remember what would be the prerequisites of creating your own first Firebase React Native App running on Ubuntu Virtual Box. This will not include installing Ubuntu Virtual Box.

I will think about how I can make this a bit better to read. But for now this is how I did it.

  1. Follow React Native Getting Started (Quick Start)
  • npm install -g create-react-native-app
  • create-react-native-app name-of-project
  • cd name-of-project
  • npm run (to test on phone using Expo App)

2. Follow React Native Getting Started (Building Projects with Native Code)

  • Set development OS — Linux, Target OS — Android
  • npm install -g react-native-cli
  • (From https://www.digitalocean.com/community/tutorials/how-to-install-java-with-apt-get-on-ubuntu-16-04)
  • sudo apt-get update
  • sudo apt-get install default-jre
  • sudo apt-get install default-jdk
  • sudo add-apt-repository ppa:webupd8team/java
  • sudo apt-get update
  • sudo apt-get install oracle-java8-installer
  • sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2–1.0:i386
  • Install Android Studio (Android SDK, ANdroid SDK Platform, Android Virtual Device)
  • Install Android SDK with at least Android 6 (Marshmallow)
  • In Android SDK Manager (Expanded Android 6): Google APIs, Android SDK Platform 23, Intel x86 Atom_64 System Image, Google APIs Intel x86 Atom_64 System Image
  • Create ~/.bash_profile with files inside
    export ANDROID_HOME=$HOME/Android/Sdk
    export PATH=$PATH:$ANDROID_HOME/tools
    export PATH=$PATH:$ANDROID_HOME/platform-tools
  • source $HOME/.bash_profile

3. Using a Physical Device

4. Eject your app

  1. react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
  • npm run start (on one terminal) and npm run android (to run on connected device)

5. Follow React Native Firebase (Initial Setup)

6. Follow React Native Firebase (Android)

Show your support

Clapping shows how much you appreciated Toni-Jan Keith Monserrat’s story.