flipper-plugin-rn-redux-inspector

About

A flipper plugin support inspect redux state and action logs for react-native
Dependencies:

+ react-native-flipper
+ [rn-redux-middleware-flipper](https://github.com/zrg-team/rn-redux-middleware-flipper)
+ [flipper-plugin-rn-redux-inspector](https://github.com/zrg-team/flipper-rn-redux-inspector-plugin)

![demo](https://github.com/zrg-team/flipper-rn-redux-inspector-plugin/blob/master/images/demo.png?raw=true "Demo plugin")

Installation

1. install flipper redux middleware to your application

``npm install rn-redux-middleware-flipper react-native-flipper``
Make sure react-native-flipper is installed properly if not using autolinking.

1. Setup redux middleware

Register the redux middware and connect to flipper. rn-redux-middleware-flipper

if (__DEV__) { // eslint-disable-line
  const createFlipperMiddleware = require('rn-redux-middleware-flipper').default
  middlewares.push(createFlipperMiddleware())
}

1. Flipper desktop app

Manage Plugins -> Install Plugins -> Search for ``flipper-plugin-rn-redux-inspector``

Example

Spiderum application