Redux Toolkit

React 🟡 Mid

Définition

Boite a outils officielle de Redux qui simplifie la configuration du store, la création de reducers et la gestion de la logique asynchrone.

Analogie

Comme un kit de montage IKEA pour Redux : tout est pre-configure, plus besoin de 200 fichiers boilerplate.

Exemple de code

const counterSlice = createSlice({
  name: 'counter',
  initialState: { value: 0 },
  reducers: {
    increment: (state) => { state.value += 1; },
    add: (state, action) => { state.value += action.payload; }
  }
});

Cas d'usage

État global complexe nécessitant de la predictibilite, du time-travel debugging et du middleware.

Anti-pattern

Mettre TOUT l'état dans Redux y compris le state UI local (open/close modal).

Termes liés

#state#interview#ecosystem

En entretien

Explique-moi ce qu'apporte Redux Toolkit par rapport à Redux classique.
C'est la boîte à outils officielle qui simplifie la configuration du store, la création de reducers et la gestion de l'asynchrone, comme un kit de montage IKEA pré-configuré au lieu de 200 fichiers boilerplate. Avec createSlice, on écrit des reducers comme increment ou add qui modifient l'état directement.
Quand est-ce que tu éviterais de tout mettre dans Redux ?
Pour du state UI purement local comme l'ouverture ou la fermeture d'une modale, ça n'a pas besoin d'être global. Redux Toolkit est plutôt réservé à un état global complexe qui a besoin de prédictibilité, de time-travel debugging et de middleware.

Fiche mise à jour le 2026-09-27