Unfortunately, Apple only lets you develop for iOS on a Mac machine. Please check out the Android instructions instead.
-
+
@@ -71,8 +71,6 @@ recommended installs.
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```
-> We recommend periodically running `brew update && brew upgrade` to keep your programs up-to-date.
-
#### Node
Use Homebrew to install [Node.js](https://nodejs.org/).
@@ -105,14 +103,20 @@ npm install -g react-native-cli
#### Android Studio
-[Android Studio](http://developer.android.com/sdk/index.html) 2.0 or higher. This will provide you
-the Android SDK and emulator required to run and test your React Native apps.
+[Android Studio](http://developer.android.com/sdk/index.html) 2.0 or higher.
> Android Studio requires the Java Development Kit [JDK] 1.8 or higher. You can type
> `javac -version` to see what version you have, if any. If you do not meet the JDK requirement,
> you can
> [download it](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html).
+Android Studio will provide you the Android SDK and emulator required to run and test your React
+Native apps.
+
+> Unless otherwise mentioned, keep all the setup defaults intact. For example, the
+> `Android Support Repository` is installed automatically with Android Studio, and we need that
+> for React Native.
+
You will need to customize your installation:
- Choose a `Custom` installation
@@ -201,8 +205,8 @@ brew install git
#### Nuclide
-[Nuclide] is an IDE from Facebook providing a first-class development environment for writing,
-[running](http://nuclide.io/docs/platforms/react-native/#running-applications) and
+[Nuclide](http://nuclide.io) is an IDE from Facebook providing a first-class development environment
+for writing, [running](http://nuclide.io/docs/platforms/react-native/#running-applications) and
[debugging](http://nuclide.io/docs/platforms/react-native/#debugging)
[React Native](http://nuclide.io/docs/platforms/react-native/) applications.
@@ -323,8 +327,7 @@ npm install -g react-native-cli
#### Android Studio
-[Android Studio](http://developer.android.com/sdk/index.html) 2.0 or higher. This will provide you
-the Android SDK and emulator required to run and test your React Native apps.
+[Android Studio](http://developer.android.com/sdk/index.html) 2.0 or higher.
> Android Studio requires the Java Development Kit [JDK] 1.8 or higher. You can type
> `javac -version` to see what version you have, if any. If you do not meet the JDK requirement,
@@ -333,6 +336,13 @@ the Android SDK and emulator required to run and test your React Native apps.
> or use a pacakage manager to install it (e.g. `choco install jdk8`,
> `apt-get install default-jdk`).
+Android Studio will provide you the Android SDK and emulator required to run and test your React
+Native apps.
+
+> Unless otherwise mentioned, keep all the setup defaults intact. For example, the
+> `Android Support Repository` is installed automatically with Android Studio, and we need that
+> for React Native.
+
You will need to customize your installation:
@@ -692,6 +702,7 @@ Now that you successfully started the project, let's modify it:
+- Open `index.android.js` in your text editor of choice (e.g. [Nuclide](http://nuclide.io/docs/platforms/react-native/)) and edit some lines.
- Press the `R` key twice **OR** open the menu (F2 by default, or ⌘-M in Genymotion) and select Reload JS to see your change!
- Run `adb logcat *:S ReactNative:V ReactNativeJS:V` in a terminal to see your app's logs
@@ -701,7 +712,7 @@ Now that you successfully started the project, let's modify it:
Congratulations! You've successfully run and modified your first React Native app.
-
+
@@ -736,15 +747,14 @@ Or if you hit a `ERROR Watcher took too long to load` on Windows, try increasin
Now that you successfully started the project, let's modify it:
- Open `index.android.js` in your text editor of choice (e.g. [Nuclide](http://nuclide.io/docs/platforms/react-native/)) and edit some lines.
-- Press the `R` key twice **OR** open the menu (F2 by default, or ⌘-M in the emulator) and select Reload JS to see your change!
+- Press the `R` key twice **OR** open the menu (F2 by default, or ctrl-M in the emulator) and select Reload JS to see your change!
- Run `adb logcat *:S ReactNative:V ReactNativeJS:V` in a terminal to see your app's logs
### That's It
Congratulations! You've successfully run and modified your first React Native app.
-
-
+
diff --git a/website/src/react-native/img/react-native-congratulations.png b/website/src/react-native/img/react-native-congratulations.png
new file mode 100644
index 00000000000..92f520ec123
Binary files /dev/null and b/website/src/react-native/img/react-native-congratulations.png differ
diff --git a/website/src/react-native/img/react-native-sorry-not-supported.png b/website/src/react-native/img/react-native-sorry-not-supported.png
new file mode 100644
index 00000000000..8848f4cdc6c
Binary files /dev/null and b/website/src/react-native/img/react-native-sorry-not-supported.png differ
