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 */ });

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