Mutation (TanStack Query)

React 🟡 Mid

Définition

Opération d'écriture (POST, PUT, DELETE) gérée par useMutation avec callbacks onSuccess/onError et possibilité de mises a jour optimistes.

Analogie

Comme un formulaire de La Poste : tu le remplis (mutate), tu sais si c'est envoyé (onSuccess) ou perdu (onError).

Exemple de code

const mutation = useMutation({
  mutationFn: (newUser) => api.post('/users', newUser),
  onSuccess: () => {
    queryClient.invalidateQueries({ queryKey: ['users'] });
  },
});
mutation.mutate({ name: 'Alice' });

Cas d'usage

Toute opération d'écriture vers le serveur avec invalidation automatique du cache après succès.

#data-fetching

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