Connecting to Reactotron

Reactotron (opens new window) is a desktop app for inspecting your React JS and React Native projects.

It is possible to configure Easy Peasy so to be connected to your Reactotron instance.

Firstly, ensure you have a Reactotron configuration similar to.

// reactotron.js

import Reactotron from 'reactotron-react-native';
import { reactotronRedux } from 'reactotron-redux';

const reactron = Reactotron.configure()
  .useReactNative()
  .use(reactotronRedux())
  .connect();

export default reactron;

Then update the manner in which you create your Easy Peasy store.

// create-store.js

import { createStore } from 'easy-peasy';
import model from './model';

// There might be an issue causing `setItem` not being called correctly
// for iOS devices using React Native. The solution for this is currently
// to remove the implemenation of `requestIdleCallback`.
// Read this issue for more information: https://github.com/ctrlplusb/easy-peasy/issues/599
window.requestIdleCallback = null;

let storeEnhancers = [];

if (__DEV__) {
  const reactotron = require('./reactotron').default;
  storeEnhancers = [...storeEnhancers, reactotron.createEnhancer()];
}

const store = createStore(model, {
  enhancers: [...storeEnhancers],
});

export default store;