SWR

Instale o SWR, envolva seu aplicativo com SWRConfig e defina padrões globais para que cada chamada useSWR herde um fetcher e opções compartilhados.

Use o hook useSWR com uma chave e uma função fetcher para buscar, cachear e revalidar dados remotos declarativamente em componentes React.

Passe null ou um valor falsy como chave para impedir o SWR de buscar dados. Use isso para aguardar dependências, controlar requisições com base em autenticação ou encadear buscas sequenciais.

Use useSWRMutation para mutações remotas (POST, PUT, DELETE) e mutate para atualizações de cache local. Combine ambos para padrões de UI otimistas que atualizam instantaneamente e reconciliam com o servidor.

Use useSWRInfinite para lidar com dados paginados e de scroll infinito. Defina uma função getKey que retorne a URL correta para cada índice de página e chame setSize para

O SWR oferece múltiplas estratégias de revalidação: ao focar na janela, por intervalo, ao reconectar e manualmente. Configure-as globalmente ou por hook para manter os dados frescos sem excesso de requisições.

O SWR usa um cache em memória por padrão. Personalize o provedor de cache para armazenamento persistente, projete sua estratégia de chaves para obter o máximo de acertos de cache e aproveite a dedup

O SWR captura erros lançados pelo seu fetcher e os expõe através do valor de retorno `error`. Configure retentativas automáticas, callbacks de erro e integre com React Error Boundaries para um tratamento de erro robusto.

Ative a opção suspense em useSWR para integrar com os limites do React Suspense. Quando o suspense está ativo, SWR lança uma promessa durante o carregamento, permitindo que <Suspens

Tipifique suas chamadas useSWR com genéricos para obter segurança de tipo completa em dados, erros, chaves e funções fetcher. O suporte TypeScript do SWR permite a inferência de tipos de retorno das assinaturas do fetcher

Busque dados em um Server Component e passe-os para um Client Component como dados de fallback para o SWR. Isso oferece conteúdo instantâneo renderizado no servidor com revalidação no lado do cliente

O middleware do SWR envolve cada chamada `useSWR`, permitindo injetar preocupações transversais como logging, cabeçalhos de autenticação, tempo de requisição ou transformação de dados.

A single-page roundup of every highlight bullet from the 12 pages in the SWR section, grouped by source page so you can scan all 72 takeaways without opening each article individually.