flipper-plugin-redux-debugger-stonelinks

Redux Debugger Plugin for Flipper

flipper-plugin-redux-debugger allows you read React Native redux logs inside Flipper now:

• Action
• State comparison

Get Started

1. Install redux-flipper middleware and react-native-flipper in your React Native app:

yarn add redux-flipper react-native-flipper
# for iOS 
cd ios && pod install

1. Add the middleware into your redux store:

import { createStore, applyMiddleware } from 'redux';
 
const middlewares = [/* other middlewares */];
 
if (__DEV__) {
  const createDebugger = require('redux-flipper').default;
  middlewares.push(createDebugger());
}
 
const store = createStore(RootReducer, applyMiddleware(...middlewares));

1. Install flipper-plugin-redux-debugger in Flipper desktop client:

Manage Plugins > Install Plugins > search "redux-debugger" > Install

1. Start your app, then you should be able to see Redux Debugger on your Flipper app

Acknowledgement

This plugin is inspired by flipper-plugin-reduxinspector which only for Flutter.