Initiated with create-react-native-web-app

Dependencies

Web

• Node
• yarn

Android

• Android Studio
• (Windows) Intel x86 Emulator Accellerator (HAXM Installer) - this can be found in Android Studio -> Settings -> Apprearance & Behavior -> System Settings -> Android SDK -> SDK Tools
• Android SDK
• Android SDK tools (possibly)

iOS

• IDK yet

Installation

• Android - Install adb (Android Debug Bridge)
• IOS - Xcode and an apple device required

Run yarn install in directory root.

How to run

Launch Server/local web

$ yarn web

Run in another terminal

IOS (simulator)

$ yarn ios

Android (connected device or android studio)

$ yarn android

Android Setup

You will need the above dependencies for Android. Make sure your path is updated for platform-tools and tools. Also make sure ANDROID_HOME is set.

In Android Studio, create and run an Android Virtual Device that will serve as the device for the app to be deployed to.

Run yarn android.

Debugging

Open dev menu:

1. CMD+D (IOS) / CMD+M (Android)
2. Press "Enable Live-Reload"

React native docs - debugging real devices guide

React native docs - debugging guide

Network calls in the devtools ./android/app/build/outputs/apk

React native docs - Android signed apk

React native docs for IOS

Troubleshooting

Issues with Xcode 10 (newest version) - facebook/react-native#19573

If you got Execution failed for task ':app:compileDebugAidl' when running yarn android, try to update Android Gradle plugin to version 3.1.1 and Gradle to version 4.4.

Here is how to do that:

1. Open Android Studio
2. Open the android project
   
3. Click Update on this prompt
   
4. Wait for Android Studio syncing the project.

If you got FAILURE: Build failed with an exception., examine the warnings:

1. WARNING: The specified Android SDK Build Tools version (23.0.1) is ignored, as it is below the minimum supported version (27.0.3) for Android Gradle Plugin 3.1.1.
   Solution: Update Build Tools
   

2. WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
   Solution: Change compile to implementation by open app/build.gradle file, change dependencies section (line 139) to use implementation instead of compile .

dependencies {
  implementation fileTree(dir: "libs", include: ["*.jar"])
  implementation "com.android.support:appcompat-v7:23.0.1"
  implementation "com.facebook.react:react-native:+"
}

Sync it again and now you can close Android Studio. See issue #7 for your references.

Resources

• React Native for Web (react-native-web)
• React
• React Native
• Create React App
• Create React Native App