https://github.com/zrg-team/flipper-rn-redux-inspector-plugin

A flipper plugin support inspect redux state and action logs for react-native
https://github.com/zrg-team/flipper-rn-redux-inspector-plugin

Last synced: 17 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zrg-team/flipper-rn-redux-inspector-plugin
• Owner: zrg-team
• Created: 2020-03-31T07:56:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T04:48:50.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T11:46:02.145Z (almost 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 1.82 MB
• Stars: 23
• Watchers: 2
• Forks: 2
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## Hi developers feel free to make it great. **

### 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.

#### 2. Setup redux middleware

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

```javascript

if (__DEV__) { // eslint-disable-line

  const createFlipperMiddleware = require('rn-redux-middleware-flipper').default

  middlewares.push(createFlipperMiddleware())

}

```

#### 3. Flipper desktop app

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

### Example

[Spiderum application](https://github.com/zrg-team/rn_spiderum)