• This repository has been archived on 28/Jul/2018
  • Stars
    star
    326
  • Rank 129,027 (Top 3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated almost 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Developer Tools for @ngrx/store

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/[email protected] --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.

More Repositories

1

platform

Reactive State for Angular
TypeScript
7,986
star
2

store

RxJS powered state management for Angular applications, inspired by Redux
TypeScript
3,908
star
3

example-app

Example app showcasing the ngrx platform
TypeScript
1,362
star
4

effects

Side effect model for @ngrx/store
TypeScript
532
star
5

router

Reactive Router for Angular
TypeScript
269
star
6

db

RxJS powered IndexedDB for Angular apps
TypeScript
186
star
7

router-store

Bindings to connect the Angular Router to @ngrx/store
TypeScript
182
star
8

ngrx.github.io

Reactive Extensions for Angular
HTML
114
star
9

notify

Web Notifications Powered by RxJS for Angular
TypeScript
101
star
10

core

Core functionality for the ngrx platform
TypeScript
72
star
11

store-log-monitor

Log Monitor for @ngrx/store-devtools and Angular
TypeScript
63
star
12

signal-store-workshop

Source Code for NgRx SignalStore Workshop
TypeScript
29
star
13

store-builds

@ngrx/store build artifacts
JavaScript
16
star
14

store-devtools-builds

@ngrx/store-devtools build artifacts
JavaScript
10
star
15

entity-builds

@ngrx/entity build artifacts
JavaScript
8
star
16

component-store-builds

@ngrx/component-store build artifacts
JavaScript
6
star
17

angular

TypeScript
5
star
18

signals-builds

JavaScript
4
star
19

schematics-builds

@ngrx/schematics build artifacts
4
star
20

ngrx-io-builds

ngrx.io builds
HTML
4
star
21

router-store-builds

@ngrx/router-store build artifacts
JavaScript
2
star
22

ngrx-io-previews

ngrx.io preview builds
HTML
1
star
23

ngrx-modules-workshop

NgRx Global store workshop - module-based application
TypeScript
1
star
24

signal-store-starter

Stackblitz Project for the SignalStore
TypeScript
1
star
25

ngrx-standalone-workshop

TypeScript
1
star
26

data-builds

@ngrx/data build artifacts
JavaScript
1
star
27

effects-builds

@ngrx/effects build artifacts
JavaScript
1
star