Comment installer DevTools de ngRx ?

Intérêt ?

L'intérêt de DevTools est de fournir une interface graphique pour visualiser et déboguer l'état de votre application ngRx. Cela peut être particulièrement utile lorsque vous travaillez sur des projets de grande envergure avec de nombreux développeurs et des actions et des états complexes. DevTools vous permet de voir comment l'état de votre application change au fil du temps, de définir des points de rupture sur des actions spécifiques et de déboguer l'état de votre application de manière interactive.

L'utiliser

Vous pouvez installer DevTools en exécutant la commande suivante :

npm install @ngrx/store-devtools

Pour ajouter DevTools à votre projet:

import { ApplicationConfig } from '@angular/core';
import { provideStore } from '@ngrx/store';
import { provideStoreDevtools } from '@ngrx/store-devtools';

export const appConfig: ApplicationConfig = {
  providers: [
    provideStore(),
    provideStoreDevtools()
  ]
};