Question 1

O que é o Context API no React?

Accepted Answer

Context API é um mecanismo integrado ao React que permite compartilhar dados entre componentes sem passar explicitamente as props por cada nível. Resolve o problema de prop drilling criando um estado global acessível a todos os componentes descendentes. Context é especialmente adequado para dados raramente modificados, como tema, idioma ou informações do usuário autenticado.

Question 2

Qual função é usada para criar um novo Context?

Accepted Answer

A função createContext é o método nativo do React para inicializar um novo contexto. Aceita um valor padrão opcional que será usado se um componente consumir o Context sem um Provider pai. Esta função retorna um objeto contendo Provider e Consumer, embora Consumer raramente seja usado com hooks modernos.

Question 3

Qual hook é usado para consumir o valor de um Context?

Accepted Answer

O hook useContext permite que componentes filhos leiam o valor fornecido pelo Provider mais próximo na árvore de componentes. Substitui a antiga API Consumer e oferece uma sintaxe mais concisa e legível. O componente se reinscreverá automaticamente nas mudanças do Context e se atualizará de acordo.

Gerenciamento de estado com Context

O que é o Context API no React?

Resposta

Qual função é usada para criar um novo Context?

Resposta

Qual hook é usado para consumir o valor de um Context?

Resposta

Qual componente é usado para fornecer um valor a um Context?

O que acontece se um componente usa useContext sem um Provider pai?

Outros temas de entrevista React / Next.js

Fundamentos de JavaScript

Fundamentos do React

React Hooks

Ciclo de vida dos componentes

React Router

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