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 https://github.com/facebook/react-native/pull/7477

Reviewed By: vjeux

Differential Revision: D3281639

Pulled By: JoelMarcey

fbshipit-source-id: ca956d97293ac3793431cb54f3560ee3e52c0dce
This commit is contained in:
Joel Marcey 2016-05-10 11:16:23 -07:00 committed by Facebook Github Bot 8
parent 1b00534793
commit c1f0ce283c
3 changed files with 23 additions and 13 deletions

View File

@ -52,7 +52,7 @@ block { display: none; }
<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>
<center><img src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xaf1/t39.1997-6/851591_233289256829505_447005964_n.png" width="150"></img></center>
<center><img src="img/react-native-sorry-not-supported.png" width="150"></img></center>
<!-- ######### MAC for iOS ##################### -->
@ -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.
<block class="linux android" />
You will need to customize your installation:
@ -692,6 +702,7 @@ Now that you successfully started the project, let's modify it:
<block class="mac android" />
- 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.
<center><img src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xfa1/t39.1997-6/851555_209575209232981_1876032292_n.png" width="150"></img></center>
<center><img src="img/react-native-congratulations.png" width="150"></img></center>
<block class="windows linux android" />
@ -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.
<center><img src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xfa1/t39.1997-6/851555_209575209232981_1876032292_n.png" width="150"></img></center>
<center><img src="img/react-native-congratulations.png" width="150"></img></center>
<block class="mac ios android" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB