mirror of
https://github.com/status-im/react-native.git
synced 2025-01-27 01:40:08 +00:00
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:
parent
1b00534793
commit
c1f0ce283c
@ -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" />
|
||||
|
||||
|
BIN
website/src/react-native/img/react-native-congratulations.png
Normal file
BIN
website/src/react-native/img/react-native-congratulations.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
After Width: | Height: | Size: 60 KiB |
Loading…
x
Reference in New Issue
Block a user