0a68044649
Summary: This is a first step in breaking up the getting started docs. Ultimately, the React Native Android and iOS bits will become separate sections, too, but I won't to keep the diffs a bit smaller. This one doesn't really do much apart from reorganising the current content. Reviewed By: mweststrate Differential Revision: D20815235 fbshipit-source-id: 5c85b788211699a2a9f5808b9e2590c7db68a1c1
1.6 KiB
1.6 KiB
id, title, sidebar_label
| id | title | sidebar_label |
|---|---|---|
| react-native | Set up your React Native App | React Native |
This tutorial is for React Native applications using version 0.62.0, please refer to the following if you are using a different version:
After generating your project with npx react-native init, the Flipper integration is setup out-of-the-box for debug builds:
- For Android, start the Flipper Desktop application, and start your project using
yarn android. Your application should appear in Flipper. - For iOS, run
pod installonce in theiosdirectory of your project. After that, runyarn iosand start Flipper. Your application should show up in Flipper.
By default, the following plugins will be available:
- Layout Inspector
- Network
- Databases
- Images
- Shared Preferences
- Crash Reporter
- React DevTools
- Metro Logs
Additional plugins might be installed through NPM, please follow the instructions as provided by the plugin authors.
To create your own plugins and integrate with Flipper using JavaScript, check out our writing plugins for React Native tutorial!
If you ever need to update the Flipper SDKs used in your project, the versions can be bumped in the ios/Podfile and android/gradle.properties files of your project.