Flipper plugin to visualise apollo client cache, queries and mutations for React Native.
This plugin offers feature parity with the official devtool for React Native since the official apollo client devtool only supports web platform and does not supports React Native.
Read more about it in our blog post here.
yarn add -D react-native-apollo-devtools-client
yarn add -D react-native-flipper
import { apolloDevToolsInit } from 'react-native-apollo-devtools-client';
const client = new ApolloClient({
// ...
})
if(__DEV__){
apolloDevToolsInit(client);
}
Install Flipper in your machine, and make sure the emulator/device is recognized by flipper by setting up proper SDK path in flipper settings.
Go to plugins manager
-> install plugin
-> search react-native-apollo
and install the plugin named react-native-apollo-devtools
Restart Flipper
Launch the mobile app and you should see Apollo Devtools
in the list of plugin in disable section, Click +
icon to enable it 🎉
Licensed under the MIT License.
Link to our Code of Conduct