Ciclo de vida dos componentes
Mounting, updating, unmounting, useEffect cleanup, array de dependências, lifecycle patterns
1O que é mounting em um componente React?
O que é mounting em um componente React?
Resposta
O mounting é a fase em que um componente é criado e inserido no DOM pela primeira vez. Durante essa fase, o React inicializa o estado, executa o código de construção e realiza a primeira renderização. É o momento ideal para disparar chamadas de API ou inicializar assinaturas via useEffect.
2O que é unmounting em um componente React?
O que é unmounting em um componente React?
Resposta
O unmounting é a fase em que um componente é removido do DOM e destruído. Essa fase ocorre quando o componente não é mais necessário, por exemplo durante uma mudança de rota ou condição de renderização. É o momento crítico para limpar os recursos: cancelar timers, fechar conexões WebSocket e remover event listeners para evitar vazamentos de memória.
3Quando a função passada para useEffect é executada por padrão?
Quando a função passada para useEffect é executada por padrão?
Resposta
Por padrão, useEffect é executado após cada renderização do componente, incluindo a primeira renderização e todos os re-renders subsequentes. Essa execução assíncrona permite não bloquear a interface do usuário. Para controlar esse comportamento, é possível usar o array de dependências como segundo argumento para limitar as execuções apenas quando certos valores mudarem.
Qual é a finalidade do array de dependências no useEffect?
O que significa passar um array vazio [] como dependências para useEffect?
+15 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos do React
React Hooks
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