Да, есть опыт работы с обеими библиотеками — React Query и SWR. Обе они позволяют эффективно кэшировать данные, получаемые с сервера, и управлять состоянием загрузки, ошибками и обновлениями.

React Query предоставляет более богатый функционал, включая автоматическое обновление данных, фоновое обновление, управление мутациями и сложные стратегии кэширования. SWR проще и легче, отлично подходит для проектов, где нужна минимальная настройка и быстрый старт.

Пример использования React Query для получения списка пользователей:

import { useQuery } from 'react-query';

function Users() {
  const { data, error, isLoading } = useQuery('users', () =>
    fetch('/api/users').then(res => res.json())
  );

  if (isLoading) return <div>Загрузка...</div>;
  if (error) return <div>Ошибка загрузки</div>;

  return (
    <ul>
      {data.map(user => (
        <li key={user.id}>{user.name}</li>
      ))}
    </ul>
  );
}

Таким образом, обе библиотеки значительно упрощают работу с асинхронными запросами и кэшированием на клиенте.

Есть ли опыт с библиотеками React Query или SWR для кэширования состояния на стороне запросов?