Le server state facile avec TanStack Query (ex React Query)

Gérer des données récupérées de manière asynchrone depuis un serveur est une problématique récurrente dans le développement des applications front Javascript : suivi de l'avancement des requêtes, gestion de cache, diffusion des données, etc… Pendant trop longtemps on a utilisé des solutions de gestion d'état global, telles que Redux, MobX ou Context API dans l'écosystème React, pour répondre à cette problématique. Avec à la clé pas mal de complexité. Créée par Tanner Linsley, la librairie React Query s'est imposée dans l'écosystème React comme la solution la plus populaire pour résoudre cette problématique de server state. Et sa V4, rebaptisée TanStack Query, fera également le bonheur des développeurs Vue, Solid et Svelte ! Elle propose une solution simple et efficace pour synchroniser les données entre le front et le back et offre des fonctionnalités qui facilitent la vie du développeur et améliorent l'expérience utilisateur. Que fait cette librairie ? Comment et quand l'utiliser ? C'est ce que je vous propose de découvrir à travers quelques exemples de code.