7.0.1 • Published 3 years ago
@rob4226/ngrx-devtools-nativescript v7.0.1
Looking for maintainers
This repo is looking for maintainers. If you are interested please ping me on https://twitter.com/ufsa
ngrx-devtools-nativescript
Implementation of a devtools monitor similar to those available in @ngrx/store-devtools for NativeScript.
Install
npm i ngrx-devtools-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';
@NgModule({
imports: [
NativeScriptModule,
NativeScriptDevToolsMonitors,
StoreModule.provideStore({ ... }),
StoreDevtoolsModule.instrumentStore()
],
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";
@Component({
selector: "my-app",
directives: [NSDockMonitor],
template: `
<grid-layout>
//...
<ns-dock-monitor screenCover="0.5"></ns-dock-monitor>
</grid-layout>`
})
export class AppComponent {
//...
}
You can specify what part of the screen should be covered by the dev-tools slideout with the screenCover
property.
Example
Example projects:
Pure Redux example with Vanilla JS {N} App
7.0.1
3 years ago