Gestión de estado con Context
Context API, createContext, useContext, Provider pattern, context composition, performance
1¿Qué es el Context API en React?
¿Qué es el Context API en React?
Respuesta
Context API es un mecanismo integrado en React que permite compartir datos entre componentes sin pasar explícitamente las props por cada nivel. Resuelve el problema del prop drilling creando un estado global accesible para todos los componentes descendientes. Context es especialmente adecuado para datos que cambian poco, como el tema, el idioma o el usuario autenticado.
2¿Qué función se usa para crear un nuevo Context?
¿Qué función se usa para crear un nuevo Context?
Respuesta
La función createContext es el método nativo de React para inicializar un nuevo contexto. Acepta un valor por defecto opcional que se usará si un componente consume el Context sin un Provider padre. Esta función retorna un objeto que contiene Provider y Consumer, aunque Consumer raramente se usa con los hooks modernos.
3¿Qué hook se usa para consumir el valor de un Context?
¿Qué hook se usa para consumir el valor de un Context?
Respuesta
El hook useContext permite a los componentes hijos leer el valor proporcionado por el Provider más cercano en el árbol de componentes. Reemplaza la antigua API Consumer y ofrece una sintaxis más concisa y legible. El componente se volverá a suscribir automáticamente a los cambios del Context y se actualizará en consecuencia.
¿Qué componente se usa para proveer un valor a un Context?
¿Qué sucede si un componente usa useContext sin un Provider padre?
+15 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis