Redux Toolkit

React 🟡 Mid

Definition

Boite a outils officielle de Redux qui simplifie la configuration du store, la creation 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

Etat global complexe necessitant de la predictibilite, du time-travel debugging et du middleware.

Anti-pattern

Mettre TOUT l'etat dans Redux y compris le state UI local (open/close modal).
#state#interview#ecosystem