Ngrx Devtools NativeScript

by Alexander Vakrilov

Nativescript devtools for ngrx


Implementation of a devtools monitor similar to those available in @ngrx/store-devtools for NativeScript.

How to use

First of all you should instrument your @ngrx/store using StoreModule.provideStore(...). Check out @ngrx/devtools readme for how to do that.

Import the NativeScriptDevToolsMonitors in your app(or other) module and add store-dev-tools instrumentation by importing StoreDevtoolsModule.instrumentStore():

import { NgModule } from "@angular/core";
import { StoreModule } from '@ngrx/store';
import { NativeScriptDevToolsMonitors } from "ngrx-devtools-nativescript";
import { StoreDevtoolsModule } from '@ngrx/store-devtools';

  imports: [
    StoreModule.provideStore({ ... }),
  declarations: [AppComponent],
  bootstrap: [AppComponent]
class AppModule { };

Use <ns-dock-monitor> component inside you application - preferably in the root of the visual tree.

import { NSDockMonitor } from "ngrx-devtools-nativescript";

    selector: "my-app",
    directives: [NSDockMonitor],
    template: `
        <ns-dock-monitor screenCover="0.5"></ns-dock-monitor>
export class AppComponent {

You can specify what part of the screen should be covered by the dev-tools slideout with the screenCover proeprty.


Example projects:


121 downloads in the last month

5 downloads in the last week

1 downloads in the last day