React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1O que é o hook useState no React?
O que é o hook useState no React?
Resposta
useState é um hook do React que gerencia o estado local em um componente funcional. Ao contrário de variáveis JavaScript regulares que são reinicializadas a cada renderização, useState preserva o valor do estado entre renderizações sucessivas. Este hook retorna um array contendo o valor atual do estado e uma função para atualizá-lo, acionando automaticamente uma nova renderização do componente quando o estado muda.
2Qual é a sintaxe correta para declarar um estado com useState?
Qual é a sintaxe correta para declarar um estado com useState?
Resposta
A sintaxe correta usa desestruturação de array para extrair o valor do estado e sua função de atualização. Por convenção, a função de atualização é prefixada com 'set' seguido do nome da variável de estado em camelCase. Essa convenção melhora a legibilidade do código e é amplamente adotada na comunidade React. A ordem dos elementos no array retornado pelo useState é sempre a mesma: valor atual primeiro, função de atualização segundo.
3O que acontece quando se chama a função de atualização de um estado?
O que acontece quando se chama a função de atualização de um estado?
Resposta
Quando uma função de atualização de estado é chamada, React agenda uma nova renderização do componente com o novo valor de estado. A atualização não é imediata, mas assíncrona, o que significa que o valor do estado não é modificado instantaneamente após a chamada. React agrupa múltiplas atualizações de estado para otimizar o desempenho e evitar renderizações desnecessárias. Essa estratégia de batching melhora significativamente o desempenho da aplicação.
Como atualizar um estado com base em seu valor anterior?
Podem ser usados múltiplos useState no mesmo componente?
+19 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos do React
Ciclo de vida dos componentes
React Router
Gerenciamento de estado com Context
Formulários e Controlled Components
Busca de dados e API
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