Skip to content

Commit

Permalink
Getting Started Cleanup
Browse files Browse the repository at this point in the history
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 #7477

Reviewed By: vjeux

Differential Revision: D3281639

Pulled By: JoelMarcey

fbshipit-source-id: ca956d97293ac3793431cb54f3560ee3e52c0dce
  • Loading branch information
JoelMarcey authored and Facebook Github Bot 8 committed May 10, 2016
1 parent 1b00534 commit c1f0ce2
Show file tree
Hide file tree
Showing 3 changed files with 23 additions and 13 deletions.
36 changes: 23 additions & 13 deletions docs/GettingStarted.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 ##################### -->

Expand All @@ -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/).
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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,
Expand All @@ -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:
Expand Down Expand Up @@ -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

Expand All @@ -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" />

Expand Down Expand Up @@ -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" />

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit c1f0ce2

Please sign in to comment.