Skip to content

Commit 13fb5e8

Browse files
committed
Getting Started Cleanup
Summary: 1. Remove note about upgrading Homebrew packages. That was kind of noisy. 2. Use local images instead of those stored on Akamai. 3. Add wording for modifying test project about actually opening a file. 4. Add note about keeping initial defaults for Android Studio install in tact. Tested site locally. Images and new wording appeared as expected. Closes facebook/react-native#7477 Reviewed By: vjeux Differential Revision: D3281639 Pulled By: JoelMarcey fbshipit-source-id: ca956d97293ac3793431cb54f3560ee3e52c0dce
1 parent 0bc5ed2 commit 13fb5e8

File tree

3 files changed

+23
-13
lines changed

3 files changed

+23
-13
lines changed

docs/GettingStarted.md

Lines changed: 23 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ block { display: none; }
5252

5353
<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>
5454

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>
5656

5757
<!-- ######### MAC for iOS ##################### -->
5858

@@ -71,8 +71,6 @@ recommended installs.
7171
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
7272
```
7373

74-
> We recommend periodically running `brew update && brew upgrade` to keep your programs up-to-date.
75-
7674
#### Node
7775

7876
Use Homebrew to install [Node.js](https://nodejs.org/).
@@ -105,14 +103,20 @@ npm install -g react-native-cli
105103

106104
#### Android Studio
107105

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.
110107

111108
> Android Studio requires the Java Development Kit [JDK] 1.8 or higher. You can type
112109
> `javac -version` to see what version you have, if any. If you do not meet the JDK requirement,
113110
> you can
114111
> [download it](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html).
115112
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+
116120
You will need to customize your installation:
117121

118122
- Choose a `Custom` installation
@@ -201,8 +205,8 @@ brew install git
201205

202206
#### Nuclide
203207

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
206210
[debugging](http://nuclide.io/docs/platforms/react-native/#debugging)
207211
[React Native](http://nuclide.io/docs/platforms/react-native/) applications.
208212

@@ -323,8 +327,7 @@ npm install -g react-native-cli
323327
324328
#### Android Studio
325329

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.
328331

329332
> Android Studio requires the Java Development Kit [JDK] 1.8 or higher. You can type
330333
> `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.
333336
> or use a pacakage manager to install it (e.g. `choco install jdk8`,
334337
> `apt-get install default-jdk`).
335338
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+
336346
<block class="linux android" />
337347

338348
You will need to customize your installation:
@@ -692,6 +702,7 @@ Now that you successfully started the project, let's modify it:
692702

693703
<block class="mac android" />
694704

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.
695706
- Press the `R` key twice **OR** open the menu (F2 by default, or ⌘-M in Genymotion) and select Reload JS to see your change!
696707
- Run `adb logcat *:S ReactNative:V ReactNativeJS:V` in a terminal to see your app's logs
697708

@@ -701,7 +712,7 @@ Now that you successfully started the project, let's modify it:
701712

702713
Congratulations! You've successfully run and modified your first React Native app.
703714

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>
705716

706717
<block class="windows linux android" />
707718

@@ -736,15 +747,14 @@ Or if you hit a `ERROR Watcher took too long to load` on Windows, try increasin
736747
Now that you successfully started the project, let's modify it:
737748

738749
- 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!
740751
- Run `adb logcat *:S ReactNative:V ReactNativeJS:V` in a terminal to see your app's logs
741752

742753
### That's It
743754

744755
Congratulations! You've successfully run and modified your first React Native app.
745756

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>
748758

749759
<block class="mac ios android" />
750760

0 commit comments

Comments
 (0)