Performance és optimalizálás

Performance és optimalizálás

Megfelelő staleTime

Nagyobb staleTime → kevesebb request, ha az adat nem gyakran változik.

staleTime: 1000 * 60 * 5

select

Csak a szükséges részeket vedd ki a cache-ből; így a komponens csak akkor renderel újra, ha a kiválasztott érték változik.

const { data } = useQuery({
  queryKey: ['user', id],
  queryFn: fetchUser,
  select: (user) => user.name,
})

Singleton QueryClient

Egy QueryClient példány az egész appra; ne hozd létre komponensen belül (pl. useState(() => new QueryClient()) vagy gyökérben egyszer).

Retry

Finomhangolás: retry, retryDelay (pl. exponenciális backoff).

📝 Összefoglaló

• staleTime csökkenti a felesleges refetch-et.
• select csökkenti a felesleges re-rendert.
• Egy QueryClient, retry logika igény szerint.