createAsyncThunk

React 🟡 Mid

Définition

Fonction RTK qui génère automatiquement un thunk avec les actions pending/fulfilled/rejected pour les opérations asynchrones.

Analogie

Comme un livreur avec suivi : tu sais quand il part (pending), arrive (fulfilled) ou échoue (rejected).

Exemple de code

const fetchUsers = createAsyncThunk(
  'users/fetch',
  async (_, { rejectWithValue }) => {
    try { return (await api.getUsers()).data; }
    catch (e) { return rejectWithValue(e.message); }
  }
);

Cas d'usage

Appels API avec gestion automatique des états de chargement et d'erreur dans Redux.

Anti-pattern

Ignorer le rejectWithValue et laisser les erreurs non gérées dans les extra reducers.

Termes liés

#state#async

← → au clavier pour passer d'une fiche à l'autre