jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add more explicit notes on how to update the Flipper SDK in react-native

Browse Source 
Summary: Per title

Reviewed By: passy

Differential Revision: D25756219

fbshipit-source-id: c1620cc7dda0195965a697a75db836b2057be3e9
This commit is contained in:
Michel Weststrate
2021-01-04 12:15:49 -08:00
committed by Facebook GitHub Bot
parent d836b80273
commit ddd9536e14
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/getting-started/react-native.mdx
View File

@@ -26,7 +26,19 @@ Additional plugins can be installed through the plugin manager.
To create your own plugins and integrate with Flipper using JavaScript, check out our <Link to={useBaseUrl("/docs/tutorial/react-native")}>writing plugins for React Native</Link> tutorial!
To update the Flipper SDK in your project, you bump the version in the `ios/Podfile` and `android/gradle.properties` files of your project.
### Using the latest Flipper SDK
By default React Native might ship with an outdated Flipper SDK. To make sure you are using the latest version, determine the latest released version of Flipper by running `npm info flipper`.
Android:
1. Bump the `FLIPPER_VERSION` variable in `android/gradle.properties`, for example: `FLIPPER_VERSION=0.69.0`.
2. Run `./gradlew clean` in the `android` directory.
iOS:
1. Call `use_flipper` with a specific version in `ios/Podfile`, for example: `use_flipper!({ 'Flipper' => '0.69.0' })`.
2. Run `pod install` in the `ios` directory.
## Manual Setup

2
docs/troubleshooting.mdx
View File

@@ -106,6 +106,8 @@ debugImplementation('com.facebook.flipper:flipper:*') {
## React Native
Make sure the project is using the [latest Flipper SDK](getting-started/react-native#using-the-latest-flipper-sdk).
When using Flipper with React Native, two devices should show up:
1. The 'React Native' device. This is the "device" that talks to the Metro server and shows plugins that connect to or through Metro, such as the React DevTools, the Hermes Debugger and Metro logs.