useOptimistic

Definition

Hook experimental qui permet d'afficher un etat optimiste pendant une action asynchrone, automatiquement annule en cas d'erreur.

Analogie

Comme cocher 'lu' sur un message avant que le serveur confirme : si ca echoue, la coche disparait.

Exemple de code

const [optimisticLikes, addOptimistic] = useOptimistic(
  likes,
  (state, newLike) => [...state, newLike]
);
async function handleLike() {
  addOptimistic({ id: 'temp', user: 'moi' });
  await saveLike();
}

Cas d'usage

Likes, commentaires, toggles : feedback instantane a l'utilisateur pendant la requete serveur.

Termes lies