reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-27 00:19:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

docs(rtk-query): add link to rtk-query-inspector-monitor demo site

Browse Source
This commit is contained in:
FaberVitale 2021-06-17 20:30:32 +02:00
parent b4b5a49eee
commit 1e4b547366
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/redux-devtools-rtk-query-inspector-monitor/README.md
View File

@ -4,10 +4,17 @@ Displays rtk-query queries and mutations for [Redux DevTools](https://github.com
Created by [FaberVitale](https://github.com/FaberVitale) Created by [FaberVitale](https://github.com/FaberVitale)
## Demo
- [link](https://rtk-query-monitor-demo.netlify.app/)
- [demo source](https://github.com/FaberVitale/redux-devtools/tree/feat/rtk-query-monitor/packages/redux-devtools-rtk-query-inspector-monitor/demo)
## Preview
![RTK Query inspector monitor demo](./monitor-demo.gif) ![RTK Query inspector monitor demo](./monitor-demo.gif)
### Installation
## Installation
```bash ```bash
npm i @redux-devtools/rtk-query-inspector-monitor --save # npm npm i @redux-devtools/rtk-query-inspector-monitor --save # npm
@ -18,7 +25,7 @@ yarn add @redux-devtools/rtk-query-inspector-monitor # yarn
``` ```
### Usage ## Usage
You can use `ChartMonitor` as the only monitor in your app: You can use `ChartMonitor` as the only monitor in your app:
@ -39,13 +46,13 @@ Consult the [`DockMonitor` README](https://github.com/reduxjs/redux-devtools/tre
[Read how to start using Redux DevTools.](https://github.com/reduxjs/redux-devtools) [Read how to start using Redux DevTools.](https://github.com/reduxjs/redux-devtools)
#### Redux DevTools props ## Redux DevTools props
| Name | Description | | Name | Description |
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `theme` | Either a string referring to one of the themes provided by [redux-devtools-themes](https://github.com/gaearon/redux-devtools-themes) (feel free to contribute!) or a custom object of the same format. Optional. By default, set to [`'nicinabox'`](https://github.com/gaearon/redux-devtools-themes/blob/master/src/nicinabox.js). | | `theme` | Either a string referring to one of the themes provided by [redux-devtools-themes](https://github.com/gaearon/redux-devtools-themes) (feel free to contribute!) or a custom object of the same format. Optional. By default, set to [`'nicinabox'`](https://github.com/gaearon/redux-devtools-themes/blob/master/src/nicinabox.js). |
| `invertTheme` | Boolean value that will invert the colors of the selected theme. Optional. By default, set to `false` | | `invertTheme` | Boolean value that will invert the colors of the selected theme. Optional. By default, set to `false` |
### License ## License
MIT MIT