Discussions

configureStore et Redux DevTool

Image

Bonjour à tous,

 

Toujours le même sujet, comment intégrer Redux Dev Tool avec configureStore au lieu de createStore ?

 

Voici la solution que j'ai trouvée:

//Library
import { configureStore, combineReducers, MiddlewareArray } from '@reduxjs/toolkit'; 


// Création du Store
const store = configureStore(
  {reducer,
  middleware: new MiddlewareArray().concat(middleware),
  devTools: process.env.NODE_ENV !== 'production'
  });

 

Vous remarquerez que j'ai optimisé l'implémentation du middleware avec la méthode MiddlewareArrray qui est recommandée dans la doc Redux. 

NB: Pensez bien à l'importer depuis Redux ToolKit.

 

Concernant Redux DevTool, il suffit d'ajouter la propriété dev tool (ci-dessous) dans l'objet que l'on envoie dans configureStore.

 devTools: process.env.NODE_ENV !== 'production'

 

Je n'ai pas compris toutes les subtilités car je pense que l'on peut désactiver l'outil via node. Mais pour notre utilisation ça fonctionne comme dans le cours.

 

ps: source => https://redux-toolkit.js.org/api/configureStore#full-example

0 réponse
Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.
Aide spontanée

Informations

Créée le December 3, 2022 1:56 PM
Dernière activité le December 3, 2022 1:56 PM