placeholderData
React 🟡 MidDefinition
Option TanStack Query qui fournit des donnees temporaires pendant le chargement initial, sans les stocker dans le cache. Evite le flash de loading.
Analogie
Comme une maquette de vitrine : elle montre la disposition avant que les vrais produits arrivent.
Exemple de code
useQuery({
queryKey: ['user', userId],
queryFn: () => fetchUser(userId),
placeholderData: (previousData) => previousData,
// ou: placeholderData: { name: 'Chargement...', email: '' }
});
Cas d'usage
Afficher les donnees precedentes pendant une transition entre pages ou profils utilisateur.