placeholderData

React 🟡 Mid

Definition

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.

#data-fetching#ux