createAsyncThunk

React 🟡 Mid

Definition

Fonction RTK qui genere automatiquement un thunk avec les actions pending/fulfilled/rejected pour les operations asynchrones.

Analogie

Comme un livreur avec suivi : tu sais quand il part (pending), arrive (fulfilled) ou echoue (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 etats de chargement et d'erreur dans Redux.

Anti-pattern

Ignorer le rejectWithValue et laisser les erreurs non gerees dans les extra reducers.

Termes lies

#state#async