3. C’est quoi le
server state ?
• Synchroniser des données (REST, GraphQL,
…) entre le front et le back
• Connaître l’état de ces requêtes
• Mettre en cache les données récupérées
• Rafraîchir ces données
• Mettre à jour les données sur le serveur
• Trop souvent implémenté par des librairies
de « global state » comme Redux
11. Autres
fonctionnalités
de React
Query
• Requêtes paginées, « load more » et
« infinite scroll queries »
• Requêtes en parallèle et requêtes
dépendantes
• Annulations de requêtes
• Refetch automatique (en tâche de fond) /
Refetch on window focus
• Optimistic Updates
• Scroll Restoration
• Devtools dédiés (React Query Devtools)
12. Bilan de
React Query
• Une librairie simple à appréhender et à
utiliser
• Une expérience utilisateur au top !
• Tout est configurable !
• Mais ça ne fonctionne que sur React / React
Native et qu’avec des hooks
• Ça ne remplace par une librairie de global
state