Skip to content

Commit

Permalink
Fix broken images in docs
Browse files Browse the repository at this point in the history
  • Loading branch information
hramos committed Dec 1, 2017
1 parent 6e3ee98 commit 42162ef
Show file tree
Hide file tree
Showing 27 changed files with 125 additions and 125 deletions.
2 changes: 1 addition & 1 deletion docs/app-extensions.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ We highly recommend that you watch Conrad Kramer's talk on [Memory Use in Extens

The memory limit of a Today widget is 16 MB. As it happens, Today widget implementations using React Native may work unreliably because the memory usage tends to be too high. You can tell if your Today widget is exceeding the memory limit if it yields the message 'Unable to Load':

![](/react-native/assets/TodayWidgetUnableToLoad.png)
![](/react-native/docs/assets/TodayWidgetUnableToLoad.png)

Always make sure to test your app extensions in a real device, but be aware that this may not be sufficient, especially when dealing with Today widgets. Debug-configured builds are more likely to exceed the memory limits, while release-configured builds don't fail right away. We highly recommend that you use [Xcode's Instruments](https://developer.apple.com/library/content/documentation/DeveloperTools/Conceptual/InstrumentsUserGuide/index.html) to analyze your real world memory usage, as it's very likely that your release-configured build is very close to the 16 MB limit. In situations like these, it is easy to go over the 16 MB limit by performing common operations, such as fetching data from an API.

Expand Down
2 changes: 1 addition & 1 deletion docs/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ title: Button
A basic button component that should render nicely on any platform. Supports a
minimal level of customization.

<center><img src="/react-native/assets/buttonExample.png"></img></center>
<center><img src="/react-native/docs/assets/buttonExample.png"></img></center>

If this button doesn't look right for your app, you can build your own button
using [TouchableOpacity](touchableopacity.md) or
Expand Down
10 changes: 5 additions & 5 deletions docs/debugging.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ React Native supports a few keyboard shortcuts in the iOS Simulator. They are de

You can access the developer menu by shaking your device or by selecting "Shake Gesture" inside the Hardware menu in the iOS Simulator. You can also use the `⌘D` keyboard shortcut when your app is running in the iOS Simulator, or `⌘M` when running in an Android emulator. Alternatively for Android, you can run the command `adb shell input keyevent 82` to open the dev menu (82 being the Menu key code).

![](/react-native/assets/DeveloperMenu.png)
![](/react-native/docs/assets/DeveloperMenu.png)

> The Developer Menu is disabled in release (production) builds.
Expand Down Expand Up @@ -82,7 +82,7 @@ Now run `react-devtools` from the terminal to launch the standalone DevTools app
react-devtools
```

![React DevTools](/react-native/assets/ReactDevTools.png)
![React DevTools](/react-native/docs/assets/ReactDevTools.png)

It should connect to your simulator within a few seconds.

Expand All @@ -92,11 +92,11 @@ It should connect to your simulator within a few seconds.

Open the in-app developer menu and choose "Show Inspector". It will bring up an overlay that lets you tap on any UI element and see information about it:

![React Native Inspector](/react-native/assets/Inspector.png)
![React Native Inspector](/react-native/docs/assets/Inspector.png)

However, when `react-devtools` is running, Inspector will enter a special collapsed mode, and instead use the DevTools as primary UI. In this mode, clicking on something in the simulator will bring up the relevant components in the DevTools:

![React DevTools Inspector Integration](/react-native/assets/ReactDevToolsInspector.png)
![React DevTools Inspector Integration](/react-native/docs/assets/ReactDevToolsInspector.png)

You can choose "Hide Inspector" in the same menu to exit this mode.

Expand All @@ -110,7 +110,7 @@ Make sure that the dropdown in the top left corner of the Chrome console says `d

Then select a React component in React DevTools. There is a search box at the top that helps you find one by name. As soon as you select it, it will be available as `$r` in the Chrome console, letting you inspect its props, state, and instance properties.

![React DevTools Chrome Console Integration](/react-native/assets/ReactDevToolsDollarR.png)
![React DevTools Chrome Console Integration](/react-native/docs/assets/ReactDevToolsDollarR.png)

## Performance Monitor

Expand Down
46 changes: 23 additions & 23 deletions docs/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ automatically once you save your changes.
Congratulations! You've successfully run and modified your first React Native
app.

<center><img src="/react-native/assets/GettingStartedCongratulations.png" width="150"></img></center>
<center><img src="/react-native/docs/assets/GettingStartedCongratulations.png" width="150"></img></center>

## Now what?

Expand Down Expand Up @@ -358,7 +358,7 @@ choose "Preferences..." from the Xcode menu. Go to the Locations panel and
install the tools by selecting the most recent version in the Command Line Tools
dropdown.

![Xcode Command Line Tools](/react-native/assets/GettingStartedXcodeCommandLineTools.png)
![Xcode Command Line Tools](/react-native/docs/assets/GettingStartedXcodeCommandLineTools.png)

<block class="native mac linux android" />

Expand Down Expand Up @@ -420,11 +420,11 @@ Click on "Configure", then select "SDK Manager".

<block class="native mac android" />

![Android Studio Welcome](/react-native/assets/GettingStartedAndroidStudioWelcomeMacOS.png)
![Android Studio Welcome](/react-native/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png)

<block class="native windows android" />

![Android Studio Welcome](/react-native/assets/GettingStartedAndroidStudioWelcomeWindows.png)
![Android Studio Welcome](/react-native/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png)

<block class="native mac windows linux android" />

Expand All @@ -444,11 +444,11 @@ all checked:

<block class="native mac android" />

![Android SDK Manager](/react-native/assets/GettingStartedAndroidSDKManagerMacOS.png)
![Android SDK Manager](/react-native/docs/assets/GettingStartedAndroidSDKManagerMacOS.png)

<block class="native windows android" />

![Android SDK Manager](/react-native/assets/GettingStartedAndroidSDKManagerWindows.png)
![Android SDK Manager](/react-native/docs/assets/GettingStartedAndroidSDKManagerWindows.png)

<block class="native windows mac linux android" />

Expand All @@ -458,11 +458,11 @@ then make sure that `23.0.1` is selected.

<block class="native mac android" />

![Android SDK Manager - 23.0.1 Build Tools](/react-native/assets/GettingStartedAndroidSDKManagerSDKToolsMacOS.png)
![Android SDK Manager - 23.0.1 Build Tools](/react-native/docs/assets/GettingStartedAndroidSDKManagerSDKToolsMacOS.png)

<block class="native windows android" />

![Android SDK Manager - 23.0.1 Build Tools](/react-native/assets/GettingStartedAndroidSDKManagerSDKToolsWindows.png)
![Android SDK Manager - 23.0.1 Build Tools](/react-native/docs/assets/GettingStartedAndroidSDKManagerSDKToolsWindows.png)

<block class="native windows mac linux android" />

Expand All @@ -471,11 +471,11 @@ tools.

<block class="native mac android" />

![Android SDK Manager - Installs](/react-native/assets/GettingStartedAndroidSDKManagerInstallsMacOS.png)
![Android SDK Manager - Installs](/react-native/docs/assets/GettingStartedAndroidSDKManagerInstallsMacOS.png)

<block class="native windows android" />

![Android SDK Manager - Installs](/react-native/assets/GettingStartedAndroidSDKManagerInstallsWindows.png)
![Android SDK Manager - Installs](/react-native/docs/assets/GettingStartedAndroidSDKManagerInstallsWindows.png)

<block class="native mac windows linux android" />

Expand Down Expand Up @@ -523,7 +523,7 @@ click on **Change settings...**. Open the **Advanced** tab and click on
**Environment Variables...**. Click on **New...** to create a new `ANDROID_HOME`
user variable that points to the path to your Android SDK:

![ANDROID_HOME Environment Variable](/react-native/assets/GettingStartedAndroidEnvironmentVariableANDROID_HOME.png)
![ANDROID_HOME Environment Variable](/react-native/docs/assets/GettingStartedAndroidEnvironmentVariableANDROID_HOME.png)

The SDK is installed, by default, at the following location:

Expand Down Expand Up @@ -604,7 +604,7 @@ instructions [here](running-on-device.md).
You can see the list of available Android Virtual Devices (AVDs) by opening the
"AVD Manager" from within Android Studio. Look for an icon that looks like this:

![Android Studio AVD Manager](/react-native/assets/GettingStartedAndroidStudioAVD.png)
![Android Studio AVD Manager](/react-native/docs/assets/GettingStartedAndroidStudioAVD.png)

If you have just installed Android Studio, you will likely need to
[create a new AVD](https://developer.android.com/studio/run/managing-avds.html).
Expand All @@ -613,11 +613,11 @@ Select "Create Virtual Device...", then pick any Phone from the list and click

<block class="native windows android" />

![Android Studio AVD Manager](/react-native/assets/GettingStartedCreateAVDWindows.png)
![Android Studio AVD Manager](/react-native/docs/assets/GettingStartedCreateAVDWindows.png)

<block class="native mac android" />

![Android Studio AVD Manager](/react-native/assets/GettingStartedCreateAVDMacOS.png)
![Android Studio AVD Manager](/react-native/docs/assets/GettingStartedCreateAVDMacOS.png)

<block class="native mac windows linux android" />

Expand All @@ -633,23 +633,23 @@ x86_64 ABI image with a Android 6.0 (Google APIs) target.
<block class="native windows android" />

![Install HAXM](/react-native/assets/GettingStartedCreateAVDx86Windows.png)
![Install HAXM](/react-native/docs/assets/GettingStartedCreateAVDx86Windows.png)

> If you don't have HAXM installed, click on "Install HAXM" or follow
> [these instructions](https://software.intel.com/en-us/android/articles/installation-instructions-for-intel-hardware-accelerated-execution-manager-windows)
> to set it up, then go back to the AVD Manager.
![AVD List](/react-native/assets/GettingStartedAVDManagerWindows.png)
![AVD List](/react-native/docs/assets/GettingStartedAVDManagerWindows.png)

<block class="native mac android" />

![Install HAXM](/react-native/assets/GettingStartedCreateAVDx86MacOS.png)
![Install HAXM](/react-native/docs/assets/GettingStartedCreateAVDx86MacOS.png)

> If you don't have HAXM installed, follow
> [these instructions](https://software.intel.com/en-us/android/articles/installation-instructions-for-intel-hardware-accelerated-execution-manager-mac-os-x)
> to set it up, then go back to the AVD Manager.
![AVD List](/react-native/assets/GettingStartedAVDManagerMacOS.png)
![AVD List](/react-native/docs/assets/GettingStartedAVDManagerMacOS.png)

<block class="native mac windows linux android" />

Expand All @@ -670,7 +670,7 @@ react-native run-ios

You should see your new app running in the iOS Simulator shortly.

![AwesomeProject on iOS](/react-native/assets/GettingStartediOSSuccess.png)
![AwesomeProject on iOS](/react-native/docs/assets/GettingStartediOSSuccess.png)

`react-native run-ios` is just one way to run your app. You can also run it
directly from within Xcode or [Nuclide](https://nuclide.io/).
Expand Down Expand Up @@ -700,11 +700,11 @@ Android emulator shortly.

<block class="native mac android" />

![AwesomeProject on Android](/react-native/assets/GettingStartedAndroidSuccessMacOS.png)
![AwesomeProject on Android](/react-native/docs/assets/GettingStartedAndroidSuccessMacOS.png)

<block class="native windows android" />

![AwesomeProject on Android](/react-native/assets/GettingStartedAndroidSuccessWindows.png)
![AwesomeProject on Android](/react-native/docs/assets/GettingStartedAndroidSuccessWindows.png)

<block class="native mac windows linux android" />

Expand Down Expand Up @@ -748,7 +748,7 @@ Now that you have successfully run the app, let's modify it.
Congratulations! You've successfully run and modified your first React Native
app.

<center><img src="/react-native/assets/GettingStartedCongratulations.png" width="150"></img></center>
<center><img src="/react-native/docs/assets/GettingStartedCongratulations.png" width="150"></img></center>

<block class="native windows linux android" />

Expand All @@ -757,7 +757,7 @@ app.
Congratulations! You've successfully run and modified your first React Native
app.

<center><img src="/react-native/assets/GettingStartedCongratulations.png" width="150"></img></center>
<center><img src="/react-native/docs/assets/GettingStartedCongratulations.png" width="150"></img></center>

<block class="native mac ios" />

Expand Down
2 changes: 1 addition & 1 deletion docs/handling-touches.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ text on Android. Pressing the button will call the "onPress" function, which in
this case displays an alert popup. If you like, you can specify a "color" prop
to change the color of your button.

![](/react-native/assets/Button.png)
![](/react-native/docs/assets/Button.png)

Go ahead and play around with the `Button` component using the example below.
You can select which platform your app is previewed in by clicking on the toggle
Expand Down
2 changes: 1 addition & 1 deletion docs/image.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export default class DisplayAnImage extends Component {
/>
<Image
style={{width: 50, height: 50}}
source={{uri: 'https://facebook.github.io/react-native/assets/favicon.png'}}
source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
/>
<Image
style={{width: 66, height: 58}}
Expand Down
12 changes: 6 additions & 6 deletions docs/integration-with-existing-apps.md
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ Assume the [app for integration](https://github.com/JoelMarcey/swift-2048) is a

<block class="objc swift" />

![Before RN Integration](/react-native/assets/react-native-existing-app-integration-ios-before.png)
![Before RN Integration](/react-native/docs/assets/react-native-existing-app-integration-ios-before.png)

### Configuring CocoaPods dependencies

Expand Down Expand Up @@ -371,7 +371,7 @@ We will tie our React Native component with a new native view in the `ViewContro

You can add a new link on the main game menu to go to the "High Score" React Native page.

![Event Path](/react-native/assets/react-native-add-react-native-integration-link.png)
![Event Path](/react-native/docs/assets/react-native-add-react-native-integration-link.png)

##### 2. Event Handler

Expand Down Expand Up @@ -470,7 +470,7 @@ import React

Wire up the new link in the main menu to the newly added event handler method.

![Event Path](/react-native/assets/react-native-add-react-native-integration-wire-up.png)
![Event Path](/react-native/docs/assets/react-native-add-react-native-integration-wire-up.png)

> One of the easier ways to do this is to open the view in the storyboard and right click on the new link. Select something such as the `Touch Up Inside` event, drag that to the storyboard and then select the created method from the list provided.
Expand Down Expand Up @@ -519,11 +519,11 @@ In our sample application, you should see the link to the "High Scores" and then

Here is the *native* application home screen:

![Home Screen](/react-native/assets/react-native-add-react-native-integration-example-home-screen.png)
![Home Screen](/react-native/docs/assets/react-native-add-react-native-integration-example-home-screen.png)

Here is the *React Native* high score screen:

![High Scores](/react-native/assets/react-native-add-react-native-integration-example-high-scores.png)
![High Scores](/react-native/docs/assets/react-native-add-react-native-integration-example-high-scores.png)

> If you are getting module resolution issues when running your application please see [this GitHub issue](https://github.com/facebook/react-native/issues/4968) for information and possible resolution. [This comment](https://github.com/facebook/react-native/issues/4968#issuecomment-220941717) seemed to be the latest possible resolution.
Expand Down Expand Up @@ -796,7 +796,7 @@ Now build and run your Android app as normal.

Once you reach your React-powered activity inside the app, it should load the JavaScript code from the development server and display:

![Screenshot](/react-native/assets/EmbeddedAppAndroid.png)
![Screenshot](/react-native/docs/assets/EmbeddedAppAndroid.png)

### Creating a release build in Android Studio

Expand Down
6 changes: 3 additions & 3 deletions docs/linking-libraries-ios.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,15 +54,15 @@ folder.
Drag this file to your project on Xcode (usually under the `Libraries` group
on Xcode);

![](/react-native/assets/AddToLibraries.png)
![](/react-native/docs/assets/AddToLibraries.png)

#### Step 2

Click on your main project file (the one that represents the `.xcodeproj`)
select `Build Phases` and drag the static library from the `Products` folder
inside the Library you are importing to `Link Binary With Libraries`

![](/react-native/assets/AddToBuildPhases.png)
![](/react-native/docs/assets/AddToBuildPhases.png)

#### Step 3

Expand All @@ -86,4 +86,4 @@ Paths`. There you should include the path to your library (if it has relevant
files on subdirectories remember to make it `recursive`, like `React` on the
example).

![](/react-native/assets/AddToSearchPaths.png)
![](/react-native/docs/assets/AddToSearchPaths.png)
2 changes: 1 addition & 1 deletion docs/navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ For a complete intro to React Navigation, follow the [React Navigation Getting S

`NavigatorIOS` looks and feels just like [`UINavigationController`](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UINavigationController_Class/), because it is actually built on top of it.

![](/react-native/assets/NavigationStack-NavigatorIOS.png)
![](/react-native/docs/assets/NavigationStack-NavigatorIOS.png)

```javascript
<NavigatorIOS
Expand Down
Loading

0 comments on commit 42162ef

Please sign in to comment.