TanStack Query

frontend
Première version : 2019
Licence : MIT
tanstack.com/queryTanStack/query

TanStack Query

Bibliothèque de gestion de données asynchrones avec cache intelligent, invalidation et synchronisation automatique.

Détails techniques

TanStack Query

TanStack Query (anciennement React Query) est une bibliothèque de gestion de l'état serveur qui automatise le caching, la synchronisation, l'invalidation et le refetch des données asynchrones.

C'est la pierre angulaire du data fetching de ce portfolio. Chaque module API (articles, projects, stacks, experiences, contact) utilise TanStack Query via des composables dedies :

  • createListQuery pour les listes paginees
  • createDetailQuery pour les details
  • createMutation pour les operations d'ecriture, avec invalidation automatique du cache

Avantages et ecosysteme

Par rapport au pattern manuel ref(isLoading), les benefices sont majeurs :

  • Cache automatique avec stale-while-revalidate
  • Deduplication des requetes identiques
  • Retry intelligent
  • Pagination optimiste
  • Prefetching

Le tout est type de bout en bout avec TypeScript.

TanStack Query v5 supporte Vue, React, Svelte et Solid. L'integration SSR avec Nuxt permet d'hydrater le cache cote client avec les donnees pre-fetchees cote serveur.

Voir tanstack.com/query et le depot TanStack/query.

Stacks similaires

DjangobackendDockerdevopsGittoolsSassfrontendVue.jsfrontend

Besoin d'un développeur TanStack Query ?

Avec 2 ans et 4 mois d'expérience en TanStack Query, je peux vous aider à réaliser votre projet.

Me contacter Voir tous les stacks