Ciclo de vida de los componentes
Mounting, updating, unmounting, useEffect cleanup, array de dependencias, lifecycle patterns
1¿Qué es el mounting en un componente React?
¿Qué es el mounting en un componente React?
Respuesta
El mounting es la fase en que se crea un componente y se inserta en el DOM por primera vez. Durante esta fase, React inicializa el estado, ejecuta el código de construcción y realiza el primer renderizado. Es el momento ideal para lanzar llamadas a la API o inicializar suscripciones mediante useEffect.
2¿Qué es el unmounting en un componente React?
¿Qué es el unmounting en un componente React?
Respuesta
El unmounting es la fase en que un componente es eliminado del DOM y destruido. Esta fase ocurre cuando el componente ya no es necesario, por ejemplo durante un cambio de ruta o una condición de renderizado. Es el momento crítico para limpiar los recursos: cancelar timers, cerrar conexiones WebSocket y eliminar event listeners para evitar fugas de memoria.
3¿Cuándo se ejecuta la función pasada a useEffect por defecto?
¿Cuándo se ejecuta la función pasada a useEffect por defecto?
Respuesta
Por defecto, useEffect se ejecuta después de cada renderizado del componente, incluyendo el primer renderizado y todos los re-renderizados posteriores. Esta ejecución asíncrona permite no bloquear la interfaz de usuario. Para controlar este comportamiento, es posible usar el array de dependencias como segundo argumento para limitar las ejecuciones solo cuando ciertos valores cambien.
¿Para qué sirve el array de dependencias en useEffect?
¿Qué significa pasar un array vacío [] como dependencias a useEffect?
+15 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
React Router
Gestión de estado con Context
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