Question 1

Qual é o papel principal do React.memo?

Accepted Answer

React.memo é um Higher-Order Component que memoriza o resultado da renderização de um componente. Ele realiza uma comparação superficial das props e pula a re-renderização se as props não mudaram. Particularmente útil para otimizar componentes filhos custosos que recebem as mesmas props com frequência.

Question 2

Qual é a principal diferença entre useMemo e useCallback?

Accepted Answer

useMemo memoriza o resultado de uma função (o valor retornado), enquanto useCallback memoriza a função em si. useMemo é usado para otimizar cálculos custosos, enquanto useCallback é usado para estabilizar referências de funções passadas como props, evitando re-renderizações desnecessárias de componentes filhos memorizados.

Question 3

Em qual caso o uso de React.memo pode ser contraproducente?

Accepted Answer

React.memo pode ser contraproducente em componentes que recebem props diferentes a cada renderização, pois o custo da comparação superficial de props é adicionado sem benefício (o componente será re-renderizado de qualquer forma). É melhor reservar React.memo para componentes que frequentemente recebem as mesmas props e têm renderizações custosas.

Otimização de Performance React

Qual é o papel principal do React.memo?

Resposta

Qual é a principal diferença entre useMemo e useCallback?

Resposta

Em qual caso o uso de React.memo pode ser contraproducente?

Resposta

Por que usar useCallback para uma função passada como prop a um componente memorizado com React.memo?

Qual é a principal vantagem do code splitting com React.lazy?

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

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

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