Как происходит кэширование данных в React Query

React Query автоматически кэширует данные при успешном запросе и управляет их актуальностью. Ключевые моменты:

• Ключ запроса (query key) однозначно идентифицирует данные в кэше
• По умолчанию данные считаются "устаревшими" (stale) сразу после получения
• Фоновое обновление происходит при:
  • Повторном монтировании компонента
  • Окно браузера получает фокус
  • Периодически по staleTime
  • Принудительно через refetch

Пример:

const { data } = useQuery({
  queryKey: ['todos'],
  queryFn: fetchTodos,
  staleTime: 5000 // 5 секунд до устаревания
});

Кэш сохраняется в памяти, но можно настроить персистентное хранение. React Query также предоставляет инвалидацию кэша через queryClient.invalidateQueries().