Optimistic UI , les 2 approches dans des applications React

Ton application paraît lente ? ⏳
Est-ce que tu mets en place une approche Optimistic UI ?

L’idée est simple : être optimiste.

Pas besoin d’attendre une réponse du serveur (et subir sa latence) pour mettre à jour l’état de ton composant.

Voici quelques exemples concrets :
• Un utilisateur poste un commentaire : il s’affiche instantanément dans la liste.
• Un ajout dans ton tableau ? La nouvelle ligne apparaît immédiatement.

La réponse du serveur ? On s’en fout ! On part du principe qu’il y a 99,9 % de chances que ça fonctionne correctement.

Et en cas d’erreur ? Pas de souci, on revient simplement à l’état précédent.
Comment faire ?

• Avec TanStack Query, tu peux mettre en œuvre cette approche de façon avancée grâce à la gestion du cache local.
• Besoin d’une solution plus simple ? Avec React 19, le hook useOptimistic permet d’obtenir ce comportement directement.

🚀 Couplé aux “Server Actions”, c’est très puissant. (Tout cela est abordé dans Next Mastery)

Et toi, utilises-tu déjà cette approche pour rendre tes interfaces plus réactives ?