prefetchQuery
React 🟡 MidDefinition
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.