Skip to content
This repository has been archived by the owner on Jul 12, 2023. It is now read-only.

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

License

Notifications You must be signed in to change notification settings

CharlesStover/reactn-devtools

Repository files navigation

ReactN DevTools Tweet version minzipped size downloads build chat

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.

Sponsor 💗

If you are a fan of this project, you may become a sponsor via GitHub's Sponsors Program.