🚀 React Query (atualmente TanStack Query) é uma biblioteca que facilita o gerenciamento de estado de servidor (server state) em aplicações React, abstraindo o complexo trabalho de busca, cache, sincronização e atualização de dados assíncronos.
Em termos simples, o React Query resolve o problema de ter que gerenciar manualmente os estados de isLoading, isError e data em componentes usando useState e useEffect para lidar com chamadas de API.
🔑 Conceitos Fundamentais
As Queries são usadas para obter dados (método GET).
➡️ useQuery: É o hook principal. Você o utiliza para buscar dados, fornecendo dois argumentos cruciais:
➡️ queryKey (Chave de Consulta): Um array (geralmente ['nome_do_recurso']) que o React Query usa para armazenar em cache e identificar os dados. Se a chave muda, ele busca novos dados.
➡️ queryFn (Função de Consulta): Uma função assíncrona que faz a chamada real à API (ex: usando fetch ou axios).
Resultado: O hook retorna um objeto que informa o estado da requisição: data (os dados em si), isLoading ou isPending (se está carregando), isError (se ocorreu um erro) e muitas outras propriedades úteis.
Exemplo com useQueries quando tiver uma lista de IDs ou critérios e precisar gerar as consultas programaticamente para buscar os dados em paralelo
Top comments (0)