@@ -52,7 +52,7 @@ block { display: none; }
52
52
53
53
<div >Unfortunately, Apple only lets you develop for iOS on a Mac machine. Please check out the <a href =" " onclick =" display (' platform' , ' android' )" >Android</a > instructions instead.</div >
54
54
55
- <center ><img src =" https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xaf1/t39.1997-6/851591_233289256829505_447005964_n .png" width =" 150 " ></img ></center >
55
+ <center ><img src =" img/react-native-sorry-not-supported .png" width =" 150 " ></img ></center >
56
56
57
57
<!-- ######### MAC for iOS ##################### -->
58
58
@@ -71,8 +71,6 @@ recommended installs.
71
71
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
72
72
```
73
73
74
- > We recommend periodically running ` brew update && brew upgrade ` to keep your programs up-to-date.
75
-
76
74
#### Node
77
75
78
76
Use Homebrew to install [ Node.js] ( https://nodejs.org/ ) .
@@ -105,14 +103,20 @@ npm install -g react-native-cli
105
103
106
104
#### Android Studio
107
105
108
- [ Android Studio] ( http://developer.android.com/sdk/index.html ) 2.0 or higher. This will provide you
109
- the Android SDK and emulator required to run and test your React Native apps.
106
+ [ Android Studio] ( http://developer.android.com/sdk/index.html ) 2.0 or higher.
110
107
111
108
> Android Studio requires the Java Development Kit [ JDK] 1.8 or higher. You can type
112
109
> ` javac -version ` to see what version you have, if any. If you do not meet the JDK requirement,
113
110
> you can
114
111
> [ download it] ( http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ) .
115
112
113
+ Android Studio will provide you the Android SDK and emulator required to run and test your React
114
+ Native apps.
115
+
116
+ > Unless otherwise mentioned, keep all the setup defaults intact. For example, the
117
+ > ` Android Support Repository ` is installed automatically with Android Studio, and we need that
118
+ > for React Native.
119
+
116
120
You will need to customize your installation:
117
121
118
122
- Choose a ` Custom ` installation
@@ -201,8 +205,8 @@ brew install git
201
205
202
206
#### Nuclide
203
207
204
- [ Nuclide] is an IDE from Facebook providing a first-class development environment for writing,
205
- [ running] ( http://nuclide.io/docs/platforms/react-native/#running-applications ) and
208
+ [ Nuclide] ( http://nuclide.io ) is an IDE from Facebook providing a first-class development environment
209
+ for writing, [ running] ( http://nuclide.io/docs/platforms/react-native/#running-applications ) and
206
210
[ debugging] ( http://nuclide.io/docs/platforms/react-native/#debugging )
207
211
[ React Native] ( http://nuclide.io/docs/platforms/react-native/ ) applications.
208
212
@@ -323,8 +327,7 @@ npm install -g react-native-cli
323
327
324
328
#### Android Studio
325
329
326
- [ Android Studio] ( http://developer.android.com/sdk/index.html ) 2.0 or higher. This will provide you
327
- the Android SDK and emulator required to run and test your React Native apps.
330
+ [ Android Studio] ( http://developer.android.com/sdk/index.html ) 2.0 or higher.
328
331
329
332
> Android Studio requires the Java Development Kit [ JDK] 1.8 or higher. You can type
330
333
> ` 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.
333
336
> or use a pacakage manager to install it (e.g. ` choco install jdk8 ` ,
334
337
> ` apt-get install default-jdk ` ).
335
338
339
+ Android Studio will provide you the Android SDK and emulator required to run and test your React
340
+ Native apps.
341
+
342
+ > Unless otherwise mentioned, keep all the setup defaults intact. For example, the
343
+ > ` Android Support Repository ` is installed automatically with Android Studio, and we need that
344
+ > for React Native.
345
+
336
346
<block class =" linux android " />
337
347
338
348
You will need to customize your installation:
@@ -692,6 +702,7 @@ Now that you successfully started the project, let's modify it:
692
702
693
703
<block class =" mac android " />
694
704
705
+ - Open ` index.android.js ` in your text editor of choice (e.g. [ Nuclide] ( http://nuclide.io/docs/platforms/react-native/ ) ) and edit some lines.
695
706
- Press the ` R ` key twice ** OR** open the menu (F2 by default, or ⌘-M in Genymotion) and select Reload JS to see your change!
696
707
- Run ` adb logcat *:S ReactNative:V ReactNativeJS:V ` in a terminal to see your app's logs
697
708
@@ -701,7 +712,7 @@ Now that you successfully started the project, let's modify it:
701
712
702
713
Congratulations! You've successfully run and modified your first React Native app.
703
714
704
- <center ><img src =" https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xfa1/t39.1997-6/851555_209575209232981_1876032292_n .png" width =" 150 " ></img ></center >
715
+ <center ><img src =" img/react-native-congratulations .png" width =" 150 " ></img ></center >
705
716
706
717
<block class =" windows linux android " />
707
718
@@ -736,15 +747,14 @@ Or if you hit a `ERROR Watcher took too long to load` on Windows, try increasin
736
747
Now that you successfully started the project, let's modify it:
737
748
738
749
- Open ` index.android.js ` in your text editor of choice (e.g. [ Nuclide] ( http://nuclide.io/docs/platforms/react-native/ ) ) and edit some lines.
739
- - 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!
750
+ - 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!
740
751
- Run ` adb logcat *:S ReactNative:V ReactNativeJS:V ` in a terminal to see your app's logs
741
752
742
753
### That's It
743
754
744
755
Congratulations! You've successfully run and modified your first React Native app.
745
756
746
- <center ><img src =" https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xfa1/t39.1997-6/851555_209575209232981_1876032292_n.png " width =" 150 " ></img ></center >
747
-
757
+ <center ><img src =" img/react-native-congratulations.png " width =" 150 " ></img ></center >
748
758
749
759
<block class =" mac ios android " />
750
760
0 commit comments