Home

Awesome

npm version semantic-release Build Status

Redux Import Export Monitor

A simple monitor for Redux DevTools that enables exporting, then importing the serialized state of a Redux application. It looks like a prompt() modal, but without as small of a character limit.

Warning: This tool has limited use with extremely large app states.

Installation

npm install --save-dev redux-import-export-monitor

Usage

Include the monitor while setting up the DevTools:

containers/DevTools.js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import ImportExportMonitor from 'redux-import-export-monitor';

export default createDevTools(<ImportExportMonitor />);

Use cmd-shift-e (or your preferred key-binding) to open the monitor, which provides the current serialized app state. Paste in the app state from a different DevTools session to "import" the state and actions of that session into the current session.

Props

NameDescription
openModalKeyA string (see parse-key) to be used to open the monitor.

License

MIT