store-devtools

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #golang #android #rust #deep-learning #cli #kubernetes #vue #openai #mcp #ios

(★ 325)

Developer Tools for @ngrx/store

File Explorer

Download Latest Version (.zip)

- settings.json
- store.spec.ts
- actions.ts
- config.ts
- devtools.ts
- extension.ts
- instrument.ts
- reducer.ts
- utils.ts
.editorconfig
.gitignore
.npmignore
CHANGELOG.md
circle.yml
CONTRIBUTING.md
index.ts
LICENSE
package.json
README.md
rollup.config.js
tests.js
tsconfig.dist.json
tsconfig.json
tslint.json
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

---
# This repository is for version 3.x of of @ngrx/store-devtools.
# [Click here for the latest version (4.x)](https://github.com/ngrx/platform)
---

# @ngrx/store-devtools
Devtools for [@ngrx/store](https://github.com/ngrx/store).

[![Join the chat at https://gitter.im/ngrx/store](https://badges.gitter.im/ngrx/store.svg)](https://gitter.im/ngrx/store?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

## Installation
`npm install @ngrx/store-devtools@3.2.4 --save`

## Instrumentation
### Instrumentation with the Chrome / Firefox Extension (Preferred)

1. Download the [Redux Devtools Extension](http://zalmoxisus.github.io/redux-devtools-extension/)

2. In your root Angular module import `StoreDevtoolsModule.instrumentOnlyWithExtension()`:

```ts
  import { StoreDevtoolsModule } from '@ngrx/store-devtools';

@NgModule({
    imports: [
      StoreModule.provideStore(rootReducer),
      // Note that you must instrument after importing StoreModule
      StoreDevtoolsModule.instrumentOnlyWithExtension({
        maxAge: 5
      })
    ]
  })
  export class AppModule { }
  ```

### Instrumentation with a Custom Monitor
To instrument @ngrx/store and use the devtools with a custom monitor you will need to setup the
instrumentation providers using `instrumentStore()`:

```ts
import {StoreDevtoolsModule} from '@ngrx/store-devtools';

@NgModule({
  imports: [
    StoreModule.provideStore(rootReducer),
    // Note that you must instrument after importing StoreModule
    StoreDevtoolsModule.instrumentStore({
      maxAge: 5,
      monitor: monitorReducer
    })
  ]
})
export class AppModule { }
```

See [@ngrx/store-log-monitor](https://github.com/ngrx/store-log-monitor) for an example monitor built for Angular 2

## Contributing

Please read [contributing guidelines here](https://github.com/ngrx/store-devtools/blob/master/CONTRIBUTING.md).

store-devtools

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

store-devtools

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README