Глава 39. Данные и кэш: TanStack Query (React Query)

Зачем эта глава

React Query (TanStack Query) помогает удобно загружать данные и кэшировать ответы. Это экономит время и упрощает код.

Быстрый пример

JSX

import { useQuery } from "@tanstack/react-query";

function Posts() {
  const { data, isLoading } = useQuery({
    queryKey: ["posts"],
    queryFn: () => fetch("/api/posts").then((r) => r.json())
  });

  if (isLoading) return <p>Загрузка...</p>;
  return data.map((p) => <div key={p.id}>{p.title}</div>);
}

Подсказка: React Query — стандарт для реальных проектов с API.

← Предыдущая Следующая глава →