Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1O que é o padrão Compound Components?
O que é o padrão Compound Components?
Resposta
O padrão Compound Components permite criar componentes que compartilham estado implícito via React Context, sem passar props explicitamente. Esse padrão é usado em bibliotecas como Radix UI e Headless UI para fornecer uma API flexível e componível. Os componentes filhos podem acessar o estado compartilhado automaticamente, permitindo a personalização da estrutura sem perder a lógica comum.
2Qual é o princípio do padrão Render Props?
Qual é o princípio do padrão Render Props?
Resposta
O padrão Render Props consiste em passar uma função como prop que retorna um elemento React, permitindo que o componente pai compartilhe sua lógica com o componente filho. Essa função recebe dados ou métodos do pai como parâmetros. Esse padrão era muito popular antes da chegada dos hooks, especialmente com bibliotecas como React Router e Downshift.
3O que são Higher-Order Components (HOC)?
O que são Higher-Order Components (HOC)?
Resposta
Higher-Order Components são funções que recebem um componente como parâmetro e retornam um novo componente enriquecido com props ou comportamentos adicionais. Esse padrão permite reutilizar lógica entre componentes sem duplicação de código. HOCs são usados para preocupações transversais como autenticação, tracking ou gerenciamento de permissões.
Qual é a diferença entre um componente controlado e não controlado?
O que é o padrão Provider?
+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
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
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