This repository has been archived by the owner. It is now read-only.
Developer Tools for @ngrx/store
TypeScript JavaScript
Clone or download
Latest commit a08f736 Jul 18, 2017
Permalink
Failed to load latest commit information.
.vscode fix(State): Stop using a refcounted observable to contain state Oct 26, 2016
spec fix(devtools): Fixed AOT bug when providing devtools config options (#52 Jan 19, 2017
src fix(StoreDevtools): Eagerly inject initial state and reducers Mar 24, 2017
.editorconfig Initial re-implementation of redux-devtools Mar 1, 2016
.gitignore build(tests): Stop using Karma for unit tests Oct 26, 2016
.npmignore chore: Update build process to emit ESM modules and a UMD bundle Sep 14, 2016
CHANGELOG.md docs(CHANGELOG): Update changelog for latest release Mar 24, 2017
CONTRIBUTING.md Initial re-implementation of redux-devtools Mar 1, 2016
LICENSE Initial commit Feb 29, 2016
README.md chore(docs): Added banner pointing to latest release (#70) Jul 18, 2017
circle.yml chore: Upgrade to Angular 2 RC.5 (#26) Aug 26, 2016
index.ts chore: Update build process to emit ESM modules and a UMD bundle Sep 14, 2016
package.json docs(CHANGELOG): Update changelog for latest release Mar 24, 2017
rollup.config.js fix(bundles): Correctly alias ReplaySubject Nov 4, 2016
tests.js build(tests): Stop using Karma for unit tests Oct 26, 2016
tsconfig.dist.json chore: Update build process to emit ESM modules and a UMD bundle Sep 14, 2016
tsconfig.json chore: Update build process to emit ESM modules and a UMD bundle Sep 14, 2016
tslint.json fix(Extension): Get Chrome extension working correctly Sep 21, 2016
yarn.lock docs(CHANGELOG): Update changelog for latest release Mar 24, 2017

README.md


This repository is for version 3.x of of @ngrx/store-devtools.

Click here for the latest version (4.x)


@ngrx/store-devtools

Devtools for @ngrx/store.

Join the chat at https://gitter.im/ngrx/store

Installation

npm install @ngrx/store-devtools@3.2.4 --save

Instrumentation

Instrumentation with the Chrome / Firefox Extension (Preferred)

  1. Download the Redux Devtools Extension

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

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():

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 for an example monitor built for Angular 2

Contributing

Please read contributing guidelines here.