redux-middleware-flipper

React native redux middleware to send redux logs to the companion Flipper desktop plugin.

❗For Flipper setup in your react native project, please refer to the setup guide.

Features ✨

• Show all dispatched redux actions
• Show details about the action dispatched (action, state diff and the current state)
• Custom action dispatcher
• Replay selected actions
• Search for a specific action type

Setup guide ✍🏻

• Install the redux-middleware-flipper and react-native-flipper.

1yarn add redux-middleware-flipper react-native-flipper
2
3# for iOS
4cd ios && pod install

• Add the middleware in dev mode in your redux store setup file.

1if (__DEV__) {
2  const reduxDebugger = require('redux-middleware-flipper').default;
3  middleware.push(reduxDebugger());
4}

• Open Flipper desktop app and install the plugin.

Manage Plugins > Install Plugins > search "RNReduxDebugger" > Install

Options

1if (__DEV__) {
2  const actionsBlacklist = ['SET_USER_ACCESS_TOKEN'];
3  const actionsWhitelist = ['GET_USER_PROFILE_SUCCESS'];
4  const actionReplayDelay = 500;
5
6  const reduxDebugger = require('redux-middleware-flipper').default;
7  middleware.push(reduxDebugger({ actionsBlacklist, actionsWhitelist, actionReplayDelay }));
8}

• actionsBlacklist - Will not send these action types to Flipper

• actionsWhitelist - Will only send these action types to Flipper

• actionReplayDelay - Delay between multiple actions dispatched via Flipper plugin action replay. Default is 500 ms.

References 📚

• Getting started with Flipper

Motivation

• This project is inspired by Flutter version

ISC License (ISC)

Copyright 2020 Aseem Chaudhary

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.