ReactN DevTools allow you to view your ReactN state with the Redux DevTools browser extension.
Install the DevTools package as a dependency in your project with:
npm install reactn-devtools
oryarn add reactn-devtools
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.
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();
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.
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);
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.
If you are a fan of this project, you may become a sponsor via GitHub's Sponsors Program.