Récupération de données moderne, conçue pour React

SWR est une API minimale avec mise en cache intégrée, revalidation et déduplication des requêtes. Il garde votre interface rapide, cohérente et toujours à jour — avec un seul hook React.

Commencer

Récupérer des données avec un seul hook

Passez une clé et un fetcher à useSWR. Le hook gère la requête, met en cache la réponse et garde les données à jour. Vous obtenez data, error et isLoading pour piloter votre interface.

import useSWR from 'swr'
 
function Profile() {
  const { data, error, isLoading } = useSWR('/api/user', fetcher)
 
  if (error) return <div>failed to load</div>
  if (isLoading) return <div>loading...</div>
  return <div>hello {data.name}!</div>
}

Récupérer, demander et revalider

SWR vous couvre dans tous les aspects de la vitesse, de la justesse et de la stabilité pour vous aider à créer de meilleures expériences.

Navigation rapide entre les pagesInterrogation à intervallesDépendance des donnéesRevalidation au focusRevalidation à la récupération du réseauMutation locale (UI optimiste)Nouvelle tentative d'erreur intelligentePagination et récupération de la position de défilementReact Suspense

Léger et agnostique

Une petite surface d'API avec support pour n'importe quelle source de données — REST, GraphQL ou fetchers personnalisés.

Temps réel et résilient

Revalidation automatique en arrière-plan, mises à jour focus/reconnexion et utilitaires pour la pagination et le streaming.

Ergonomie React native

Conçu pour Suspense, compatible avec SSR et SSG, et entièrement typé dès le départ.

Commencez à construire avec SWR

Commencer