Question 1

Qual é o papel principal do useQuery no React Query?

Accepted Answer

useQuery é o hook fundamental para buscar dados somente leitura de uma API ou fonte de dados. Ele gerencia automaticamente o cache, os estados de carregamento, os erros e as estratégias de refetch. Diferente do useEffect com fetch, o useQuery otimiza a performance evitando requisições redundantes por meio do seu sistema de cache inteligente.

Question 2

Qual hook deve ser usado para realizar uma mutation POST para uma API?

Accepted Answer

useMutation é o hook dedicado a operações de escrita como POST, PUT, PATCH ou DELETE. Ele fornece callbacks onSuccess, onError e onMutate para gerenciar o ciclo de vida da mutation. Diferente do useQuery que é para leitura, o useMutation não dispara a requisição automaticamente e requer uma chamada explícita à função mutate.

Question 3

Qual é a finalidade da query key no React Query?

Accepted Answer

A query key é um identificador único que permite ao React Query gerenciar o cache e as dependências entre consultas. Ela serve para identificar, invalidar e fazer refetch de consultas específicas. Uma query key pode ser uma simples string ou um array com parâmetros dinâmicos. Alterar a query key dispara automaticamente um novo fetch, o que permite gerenciar dependências de forma declarativa.

React Query (TanStack Query)

Qual é o papel principal do useQuery no React Query?

Resposta

Qual hook deve ser usado para realizar uma mutation POST para uma API?

Resposta

Qual é a finalidade da query key no React Query?

Resposta

O que representa staleTime na configuração do useQuery?

Qual propriedade indica que o useQuery está carregando?

Outros temas de entrevista React / Next.js

Fundamentos de JavaScript

Fundamentos do React

React Hooks

Ciclo de vida dos componentes

React Router

Gerenciamento de estado com Context

Formulários e Controlled Components

Busca de dados e API

Styling & CSS-in-JS

Fundamentos do Next.js

TypeScript com React

Data Fetching no Next.js

Server Actions do Next.js

Roteamento e Navegação no Next.js

API Routes do Next.js

Metadata & SEO no Next.js

Middleware e Auth no Next.js

Testes em React

Zustand State Management

Otimização de Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Recursos avançados do Next.js

Deploy e Produção com Next.js

Architecture & Design Patterns

React Server Components

Internacionalização do Next.js

React Security & Boas Práticas

Domine React / Next.js para sua proxima entrevista