Tipikus hibák és best practice-ek

Tipikus hibák

• Szűrők hiánya a queryKey-ben – Ha lapozás/szűrés nincs a key-ben, ugyanazt a cache-t kapod minden lapra.
• Nincs invalidateQueries mutation után – A lista nem frissül mentés/törlés után.
• QueryClient komponensben létrehozva – Minden render új client = elveszik a cache. Egy példány az app gyökerén.
• queryFn nem dob hibát – Hiba esetén throw-olj, különben isError nem lesz igaz.
• isFetching használata fő loadingra – Első betöltésre isPending, háttérfrissítésre isFetching.
• v4 API használata v5-ben – pl. useIsFetching, cacheTime → gcTime, keepPreviousData → placeholderData.

---

Best practice-ek

• API adat = server state – Bízd TanStack Query-re, ne useState + useEffect-re.
• Query-ket / mutation-öket emeld ki custom hook-okba – Újrahasznosítás, tiszta komponensek.
• Feature-alapú struktúra, centralizált query key-ek – Könnyebb invalidation és karbantartás.

---

📝 Összefoglaló

• Key-ben minden releváns paraméter; mutation után invalidálás.
• Egy QueryClient; queryFn dobjon; isPending vs isFetching.
• Custom hook-ok és központi key-ek a skálázhatósághoz.