Redux Toolkit
React 🟡 MidDefinition
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).