React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1¿Qué es el hook useState en React?
¿Qué es el hook useState en React?
Respuesta
useState es un hook de React que gestiona el estado local en un componente funcional. A diferencia de las variables JavaScript regulares que se reinician en cada renderizado, useState preserva el valor del estado entre renderizados sucesivos. Este hook retorna un array que contiene el valor actual del estado y una función para actualizarlo, desencadenando automáticamente un nuevo renderizado del componente cuando el estado cambia.
2¿Cuál es la sintaxis correcta para declarar un estado con useState?
¿Cuál es la sintaxis correcta para declarar un estado con useState?
Respuesta
La sintaxis correcta usa la desestructuración de array para extraer el valor del estado y su función de actualización. Por convención, la función de actualización se prefija con 'set' seguido del nombre de la variable de estado en camelCase. Esta convención mejora la legibilidad del código y es ampliamente adoptada en la comunidad React. El orden de los elementos en el array retornado por useState es siempre el mismo: valor actual primero, función de actualización segundo.
3¿Qué ocurre cuando se llama a la función de actualización de un estado?
¿Qué ocurre cuando se llama a la función de actualización de un estado?
Respuesta
Cuando se llama a una función de actualización de estado, React programa un nuevo renderizado del componente con el nuevo valor de estado. La actualización no es inmediata sino asíncrona, lo que significa que el valor del estado no se modifica instantáneamente tras la llamada. React agrupa múltiples actualizaciones de estado para optimizar el rendimiento y evitar renderizados innecesarios. Esta estrategia de batching mejora significativamente el rendimiento de la aplicación.
¿Cómo actualizar un estado basándose en su valor anterior?
¿Se pueden usar múltiples useState en el mismo componente?
+19 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
Ciclo de vida de los componentes
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