Busca de dados e API
fetch API, axios, async/await, tratamento de erros, estados de carregamento, abort controllers
1O que o método fetch() retorna quando é chamado?
O que o método fetch() retorna quando é chamado?
Resposta
fetch() retorna uma Promise que resolve com um objeto Response. Diferente do axios, fetch não rejeita automaticamente erros HTTP (como 404 ou 500), então é necessário verificar response.ok antes de fazer o parsing dos dados. Essa abordagem oferece mais controle sobre o tratamento de erros, mas exige verificação explícita do status.
2Como extrair dados JSON de um objeto Response obtido com fetch()?
Como extrair dados JSON de um objeto Response obtido com fetch()?
Resposta
O objeto Response possui um método json() que retorna uma Promise que resolve com os dados parseados. Este método é assíncrono porque lê o corpo da resposta de forma progressiva. É importante verificar primeiro response.ok antes de chamar json() para garantir que a requisição teve sucesso.
3Qual propriedade do objeto Response permite verificar se a requisição HTTP teve sucesso?
Qual propriedade do objeto Response permite verificar se a requisição HTTP teve sucesso?
Resposta
A propriedade response.ok retorna true se o código de status HTTP estiver entre 200 e 299, indicando uma resposta bem-sucedida. Essa propriedade é essencial porque fetch() não rejeita automaticamente erros HTTP, diferente do axios. Verificar response.ok antes de processar os dados é uma boa prática para evitar o parsing de respostas de erro.
Qual palavra-chave permite aguardar a resolução de uma Promise de forma síncrona em uma função async?
Em que ordem os seguintes métodos devem ser chamados durante um fetch(): json(), then(), catch()?
+17 perguntas de entrevista
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
React Query (TanStack Query)
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
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis