Debugging NgRx in NativeScript with Redux DevTools

Intro

Connecting Redux DevTools with NgRx for NativeScript

Overriding the Way NgRx Fetches the Redux Extension Implementation

Nativescript-ngrx-devtools Plugin: Features Review

How to Use the Plugin

/**
* NativeScript Polyfills
*/
// Install @nativescript/core polyfills (XHR, setTimeout, requestAnimationFrame)
import '@nativescript/core/globals';
import '@valor/nativescript-websockets'; // add this line!
@NgModule({
imports: [
NativeScriptModule,
StoreModule.forRoot(
{
counter: reducer,
},
{
initialState: {
counter: initialState,
},
}
),
...(__DEV__ ? [ // ensure this code is tree shaken in prod
StoreDevtoolsModule.instrument(),
NativeScriptNgRxDevtoolsModule.forRoot()
] : []),

],
declarations: [AppComponent],
bootstrap: [AppComponent],
schemas: [NO_ERRORS_SCHEMA],
})
export class AppModule {}

Caveats

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store