Skip to content

Latest commit

 

History

History
47 lines (31 loc) · 1.27 KB

README.md

File metadata and controls

47 lines (31 loc) · 1.27 KB
Raw

Redux Debugger Plugin for Flipper

screenshot of the plugin

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.