TanStack Query

TanStack Query (dawniej React Query) zarządza stanem danych asynchronicznych w React: przechowuje wyniki zapytań w cache, deduplikuje równoległe żądania, odświeża je w tle i udostępnia stany loading/error/success bez boilerplate. Klucze zapytań i strategie staleTime czy gcTime pozwalają sterować świeżością danych. Mutacje można łączyć z invalidacją powiązanych zapytań.

W witrynach marketingowych i panelach analitycznych biblioteka poprawia UX przy często zmieniających się KPI kampanii, listach treści i segmentach — użytkownik widzi ostatni znany stan, podczas gdy dane się aktualizują. Dobrze współgra z REST, GraphQL czy tRPC jako warstwą „ponad” fetch. Uważaj na nadmierne odświeżanie przy dużej liczbie widżetów bez debounce i priorytetyzacji.

Z punktu widzenia marki: płynne przejścia między stanami ładowania a treścią (skeleton, optimistic UI) budzą wrażenie dopracowania — TanStack Query daje narzędzia, ale o polityce UX decyduje design system.