flipper/docs/getting-started/react-native.md at eb34b2f6e335fa16a90efdd529e83460f06f6825

Files

Pascal Hartig 2823307c62 Add RN Android/iOS docs

Summary:
I trimmed the previous versions of this down a lot to only
focus on what RN developers need to know without duplicating
what we have in the non-RN docs.

Reviewed By: mweststrate

Differential Revision: D20816115

fbshipit-source-id: 9d88a6fb0d49e823194cce647e64b86d61d6229a

2020-04-06 08:27:20 -07:00

1.4 KiB

Raw Blame History

id, title, sidebar_label

id	title	sidebar_label
react-native	Set up your React Native App	React Native

Starting with React Native 0.62, after generating your project with react-native init, the Flipper integration is ready out of the box for debug builds:

For Android, start the Flipper Desktop application, and start your project using yarn android. Your application will appear in Flipper.
For iOS, run pod install once in the ios directory of your project. After that, run yarn ios and start Flipper. Your application will 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 can be installed through the plugin manager.

To create your own plugins and integrate with Flipper using JavaScript, check out our writing plugins for React Native 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.

Manual Setup

If you are not using a default React Native template or cannot use the upgrade tool, you can find instructions for how to integate Flipper into your projects in these guides:

1.4 KiB Raw Blame History

Manual Setup

1.4 KiB

Raw Blame History