prefetchQuery

React 🟡 Mid

Définition

Méthode de TanStack Query pour pre-charger des données en cache avant qu'elles ne soient nécessaires, éliminant le temps de chargement visible.

Analogie

Comme préchauffer le four avant d'enfourner : quand tu en as besoin, tout est déjà prêt.

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 données de la prochaine page au survol d'un lien ou pendant un formulaire multi-étapes.

Termes liés

#data-fetching#performance

← → au clavier pour passer d'une fiche à l'autre