ReactN DevTools

ReactN DevTools allow you to view your ReactN state with the Redux DevTools
browser extension.

Install

Install the DevTools package as a dependency in your project with:

npm install reactn-devtools or
yarn add reactn-devtools

Use

If you are unsure whether or not you need to add ReactN DevTools to your
default global state or to a Provider, then you need to add ReactN DevTools to
your default global state.

Default Global State

To attach ReactN DevTools to your default global state (most common use case),
add the following code snippet to your src/index.js file:

import addReactNDevTools from 'reactn-devtools';
addReactNDevTools();

Default Global State with Options

To attach ReactN DevTools to your default global state with options, add the
following code snippet to your src/index.js file:

import addReactNDevTools from 'reactn-devtools';
addReactNDevTools({ /* options here */ });

For a list of options, see
redux-devtools-extension‘s Options.

Provider

To attach ReactN DevTools to your ReactN Provider, add the following code
snippet to the file that creates the Provider:

import { createProvider } from 'reactn';
import addReactNDevTools from 'reactn-devtools';
const Provider = createProvider({
  // ...
});
addReactNDevTools(Provider);

Provider with Options

To attach ReactN DevTools to your ReactN Provider with options, add the
following code snippet to the file that creates the Provider:

import { createProvider } from 'reactn';
import addReactNDevTools from 'reactn-devtools';
const Provider = createProvider({
  // ...
});
addReactNDevTools(Provider, { /* options */ });