Ответ
Да, использовал. React Query — мощная библиотека для управления состоянием данных, кэширования и синхронизации с сервером. Она упрощает работу с API, минимизирует лишние запросы и автоматически обновляет данные.
Пример базового использования:
import { useQuery } from 'react-query';
function UserProfile({ userId }) {
const { data, isLoading, error } = useQuery(['user', userId], () =>
fetch(`/api/users/${userId}`).then(res => res.json())
);
if (isLoading) return <div>Loading...</div>;
if (error) return <div>Error: {error.message}</div>;
return <div>{data.name}</div>;
}
Ключевые преимущества:
- Автоматическое кэширование и инвалидация.
- Фоновое обновление данных.
- Оптимизированные перерисовки.
- Поддержка SSR (Next.js).
Часто комбинирую с useMutation
для изменения данных.