prefetchQuery

React 🟡 Mid

Definition

Methode de TanStack Query pour pre-charger des donnees en cache avant qu'elles ne soient necessaires, eliminant le temps de chargement visible.

Analogie

Comme prechauffer le four avant d'enfourner : quand tu en as besoin, tout est deja pret.

Exemple de code

// Prefetch au hover d'un lien
<Link
  onMouseEnter={() => {
    queryClient.prefetchQuery({
      queryKey: ['user', userId],
      queryFn: () => fetchUser(userId),
    });
  }}
/>

Cas d'usage

Pre-charger les donnees de la prochaine page au survol d'un lien ou pendant un formulaire multi-etapes.

#data-fetching#performance