mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-22 09:36:43 +03:00

History

Nathan Bierema ba5bd18d5b Publish - remotedev-redux-devtools-extension@3.0.0 - d3-state-visualizer@1.4.2 - d3tooltip@1.3.2 - map2tree@1.5.2 - react-base16-styling@0.8.2 - react-dock@0.4.2 - react-json-tree@0.15.2 - @redux-devtools/app@1.0.0 - @redux-devtools/chart-monitor@1.9.2 - @redux-devtools/cli@1.0.0 - @redux-devtools/dock-monitor@1.4.2 - @redux-devtools/extension@3.0.0 - @redux-devtools/inspector-monitor-test-tab@0.7.4 - @redux-devtools/inspector-monitor-trace-tab@0.2.4 - @redux-devtools/inspector-monitor@1.0.2 - @redux-devtools/instrument@1.11.2 - @redux-devtools/log-monitor@2.3.2 - @redux-devtools/remote@0.6.1 - @redux-devtools/rtk-query-monitor@1.0.2 - @redux-devtools/serialize@0.3.2 - @redux-devtools/slider-monitor@2.0.0 - @redux-devtools/ui@1.0.0 - @redux-devtools/utils@1.0.0 - @redux-devtools/core@3.9.2 - d3-state-visualizer-tree-example@0.1.2 - react-dock-demo@0.1.2 - react-json-tree-example@1.1.4 - test-demo@0.1.2 - inspector-demo@0.1.2 - rtk-query-demo@0.1.2 - slider-todomvc@0.1.4 - counter-redux@0.1.4 - todomvc@0.2.3		2022-01-07 21:24:58 -05:00
..
demo	Publish	2022-01-07 21:24:58 -05:00
src	fix(deps): update all non-major dependencies (#967 )	2021-12-04 19:04:59 +00:00
.babelrc	chore(*): clean up babel configs (#816 )	2021-08-29 23:25:48 +00:00
.eslintignore	chore(rtk-query): fix demo build (#892 )	2021-09-25 13:21:12 +00:00
.eslintrc.js	chore(*): move devDependencies back to packages (#870 )	2021-09-18 23:47:03 +00:00
LICENSE.md	[feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750 )	2021-08-26 15:33:06 -04:00
monitor-demo.gif	[feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750 )	2021-08-26 15:33:06 -04:00
package.json	Publish	2022-01-07 21:24:58 -05:00
README.md	[Docs][Rtk-query][Readme]: remove `To Do`, update demo source link and update `Features` (#799 )	2021-08-28 10:13:27 -04:00
tsconfig.json	[feat][monitor] Add rkt-query-inspector-monitor - feat/rtk query monitor (#750 )	2021-08-26 15:33:06 -04:00

README.md

Redux DevTools RTK Query inspector monitor

A monitor that displays RTK query queries and mutations for Redux DevTools.

Created by FaberVitale, inspired by react-query devtools.

Demo

Preview

Installation

npm

npm i @redux-devtools/rtk-query-monitor --save

yarn

yarn add @redux-devtools/rtk-query-monitor

Usage

You can use RtkQueryMonitor as the only monitor in your app:

`containers/DevTools.js`

import React from 'react';
import { createDevTools } from '@redux-devtools/core';
import RtkQueryrMonitor from '@redux-devtools/rtk-query-monitor';

export default createDevTools(<RtkQueryrMonitor />);

Then you can render <DevTools> to any place inside app or even into a separate popup window.

Alternatively, you can use it together with DockMonitor to make it dockable.

Features

sorts active queries and mutations in ascending or descending order by:
- fulfilledTimeStamp
- query key
- query status
- endpoint
- api reducerPath
filters active queries and mutations by:
- fulfilledTimeStamp
- query key
- query status
- endpoint
- api reducerPath
toggleable regular expression search
Displays
- status flags
- query state
- tags
- subscriptions
- api state
- api stats
- actions relevant to the selected query or mutation

Redux DevTools props

Name	Description
`theme`	Either a string referring to one of the themes provided by redux-devtools-themes (feel free to contribute!) or a custom object of the same format. Optional. By default, set to `'nicinabox'`.
`invertTheme`	Boolean value that will invert the colors of the selected theme. Optional. By default, set to `false`

Development

Start Demo

yarn lerna run start --stream --scope @redux-devtools/rtk-query-monitor

License

MIT