Flipper: Discussion: React Devtools v3

Created on 30 Mar 2020  路  6Comments  路  Source: facebook/flipper

Will there be any plans to also include react devtools v3 for those using Flipper with RN0.61 or lower?
It's fairly simple to add support. Tried to change version for built in plugin:
image


Ideally would love to create and 3rd party plugin, but somehow Flipper ignores my local package...

Most helpful comment

For those interested, here is the published plugin for React Devtools v3: https://www.npmjs.com/package/flipper-plugin-react-devtools-v3
Works with React Native bellow 0.62.

All 6 comments

Hey @usrbowe, we don't have any plans to support older versions, but if you want to publish it as a standalone plugin on npm, that sounds like a great idea. Can you share what's not working with your local setup?

So basically I added this path to ~/.flipper/config.json

"pluginPaths": ["~/Git/flipper-plugins/flipper-plugin-test-info/"],

I restart Flipper and my expectation is to see it in this list of plugins:
image

Testing with this plugin (copy&paste): https://unpkg.com/browse/[email protected]/

I think your path should be ["~/Git/flipper-plugins"], and should show up under "Plugin Status", not "Install Plugins"

Thanks a lot, somehow I thought need to specify path for each plugin. The documentation says this correctly :).

So two findings to add. Related to Flipper class for plugins.

  1. FlipperDevicePlugin - the plugin will show automatically under React Native (section will appear once we have running metro packager)
    image
  2. FlipperPlugin - the plugin will be hidden, and we need to expand the list and enable from app:
    image

Enabling plugin should be done by each plugin, so this is only needed during development:

import { addPlugin } from 'react-native-flipper';

addPlugin({
  getId() {
    return 'flipper-plugin-info-2';
  },
  onConnect() {},
  onDisconnect() {},
});

For those interested, here is the published plugin for React Devtools v3: https://www.npmjs.com/package/flipper-plugin-react-devtools-v3
Works with React Native bellow 0.62.

Amazing! Thank you. I'll close the issue here then. :)

Was this page helpful?
0 / 5 - 0 ratings