reactotron-plugin-zustand

Plugin to monitor states from zustand.

Install

npm i -D reactotron-plugin-zustand

Setup

Go to file "Reactotron.config.ts" or your config reactotron from project, is similar to this file:

import Reactotron from 'reactotron-react-js';
import reactotronZustand from 'reactotron-plugin-zustand';

Reactotron.configure({ name: 'Project name' })
  .use(
    //add this line 🙌
    reactotronZustand({
      stores: [{ name: 'auth', store: useAuth }],
      omitFunctionKeys: true
    })
  )
  .connect();

| Option | Description | Default | | ------------------ | ---------------------------------------------------------------- | ------- | | stores | List of stores to be monitored by the Reactotron Zustand plugin. | | | stores[].name | Name of the store to be monitored. | | | stores[].store | Reference to the store hook to be monitored. | | | omitFunctionKeys | Omit state functions | false |

Usage

Install Reactotron Client and add your store observer, using the example "auth" or all states using: "*".