Skip to content

zalmoxisus/remote-redux-devtools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jan 9, 2016
061c761 · Jan 9, 2016

History

20 Commits
Jan 9, 2016
Jan 6, 2016
Jan 6, 2016
Jan 9, 2016
Dec 20, 2015
Dec 20, 2015
Dec 20, 2015
Dec 20, 2015
Dec 20, 2015
Dec 20, 2015
Dec 20, 2015
Jan 7, 2016
Jan 6, 2016
Jan 9, 2016

Repository files navigation

Remote Redux DevTools

Demo

Use Redux DevTools remotely for React Native, hybrid, desktop and server side Redux apps.

Installation

npm install --save-dev remote-redux-devtools

Usage

Just add our store enhancer to your store:

store/configureStore.js
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import devTools from 'remote-redux-devtools';
import reducer from '../reducers';

export default function configureStore(initialState) {
  const finalCreateStore = compose(
    applyMiddleware(thunk),
    devTools()
  )(createStore);

  const store = finalCreateStore(reducer, initialState);

  return store;
}

Remote monitoring

Use one of our monitor apps to inspect and redo actions:

The source code is here.

Examples

Limitations

  • Use it only for development, NOT in production!
  • The app and the monitor should be under the same external IP address.
  • For now it supports only one instance simultaneously.
  • For web apps it's easier and way faster to use Chrome extension instead. The remote monitoring is meant to be used for React Native, hybrid, desktop and server side apps.

License

MIT