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-config.js

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

const reactotronConfig = {
  initiate: () => {
    Reactotron.configure()
      .useReactNative()
      .use(reactotronRedux())
      .connect();
  },
  createEnhancer: () => Reactotron.createEnhancer()
};

export default reactotronConfig;

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

// create-store.js

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

let storeEnhancers = [];

if (__DEV__) {
  const reactotron = require("../reactotron-config").default;
  reactotron.initiate();
  storeEnhancers = [...storeEnhancers, reactotron.createEnhancer()];
}

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

export default store;