Cuestionario: React para Desarrolladores Front-End

Pregunta 1 de 20

¿Qué problema resuelve React Router?

Realizar peticiones HTTP a APIs REST de forma eficiente

Gestionar el estado global entre todos los componentes

Gestionar la navegación entre vistas en una SPA sin recargar la página

Proteger las rutas del servidor de acceso no autorizado

Pregunta 2 de 20

¿Qué es un Custom Hook en React?

Una modificación no oficial de los hooks nativos de React

Una función que comienza con "use" y encapsula lógica reutilizable que puede llamar a otros hooks

Un plugin de terceros para extender las funcionalidades de React

Un componente especial que solo puede tener estado y no retorna JSX

Pregunta 3 de 20

¿Cuál es la forma correcta de renderizar una lista de elementos en React?

{items.map(item => <Item key={item.id} data={item} />)}

items.forEach(item => render(<Item data={item} />))

Pregunta 4 de 20

¿Qué es React.memo?

Un HOC que evita re-renders de un componente funcional cuando sus props no cambian

Una herramienta de debugging para ver el historial de renders

Un hook para memorizar valores en el state

Una función para guardar datos en localStorage automáticamente

Pregunta 5 de 20

¿Qué biblioteca es muy popular para gestión de estado global en aplicaciones React grandes?

Redux (Redux Toolkit)

Webpack

Prettier

Axios

Pregunta 6 de 20

¿Qué es el "lifting state up" (elevar el estado) en React?

Mover el estado de un componente a localStorage para hacerlo persistente

Usar Redux para reemplazar el estado local de todos los componentes

Elevar el estado al componente padre común cuando varios hijos necesitan compartirlo

Importar el estado de otro archivo usando un módulo ES6

Pregunta 7 de 20

Al retornar la función de cleanup en `useEffect`, ¿cuándo se ejecuta?

Solo cuando el componente es desmontado del árbol DOM

Solo si el efecto lanzó un error en la ejecución anterior

Cuando el componente se desmonta O antes de ejecutar el efecto de nuevo por cambio de dependencias

Inmediatamente después de que el efecto se ejecuta, en el mismo ciclo

Pregunta 8 de 20

¿Cuándo se dispara el efecto en `useEffect(() => { ... }, [])` (array de dependencias vacío)?

Nunca, el array vacío lo desactiva

Solo una vez, después del primer renderizado del componente

Solo cuando el componente recibe nuevas props

En cada re-renderizado del componente

Pregunta 9 de 20

¿Cuál es el propósito del archivo `package.json` en un proyecto React?

Almacenar el estado global de la aplicación en formato JSON

Contener la configuración de Webpack para el bundling de la aplicación

Guardar las respuestas de las APIs cacheadas por el navegador

Definir las dependencias, scripts y metadatos del proyecto de Node.js/React

Pregunta 10 de 20

¿Qué es JSX en React?

Un framework CSS exclusivo para componentes de React

Una extensión de sintaxis que permite escribir HTML-like dentro de JavaScript, que Babel compila a llamadas React.createElement()

Un archivo de configuración de React para definir las rutas

Un nuevo lenguaje de programación creado por Meta para reemplazar JavaScript

Pregunta 11 de 20

¿Qué es el prop `key` en React y por qué es importante en listas?

Es una prop opcional decorativa para nombrar componentes en el DevTools

El índice de posición obligatorio de cada elemento de un array

Una contraseña para proteger las props de acceso externo

Un identificador único que React usa para rastrear y actualizar eficientemente los elementos de una lista

Pregunta 12 de 20

¿Qué hace el hook `useContext`?

Conecta el componente con una base de datos externa en tiempo real

Permite a un componente funcional consumir el valor de un Context sin usar Consumer

Persiste el estado del componente entre recargas de página

Crea un nuevo contexto global de la aplicación

Pregunta 13 de 20

En React, ¿qué es un componente "controlado" (Controlled Component)?

Un componente que solo puede recibir props pero no tiene estado propio

Un componente que se renderiza exclusivamente en el servidor

Un componente cuyo valor de formulario es controlado por el estado de React, no por el DOM

Un componente que hereda su comportamiento de un componente padre obligatoriamente

Pregunta 14 de 20

¿Qué es el Virtual DOM en React y cuál es su principal ventaja?

Una copia de seguridad del DOM que se restaura en caso de error

Una representación ligera en memoria del DOM real que React usa para minimizar las actualizaciones costosas al DOM real

Un DOM que solo existe en el servidor y se envía al cliente ya renderizado

El DOM que se usa exclusivamente durante el desarrollo

Pregunta 15 de 20

¿Qué diferencia existe entre los conceptos de renderizado SSR y CSR en aplicaciones React?

SSR genera el HTML en el servidor mejorando SEO y primera carga; CSR lo genera en el navegador del cliente

CSR y SSR son técnicas de compresión de CSS, no de renderizado

SSR es exclusivo de frameworks como Angular, no es compatible con React

CSR es más seguro porque el código no sale del servidor

Pregunta 16 de 20

¿Cuál es la forma correcta de actualizar un array en el estado de React?

setState.push(items, nuevoItem);

items.push(nuevoItem); setItems(items);

setItems([...items, nuevoItem]);

items.add(nuevoItem);

Pregunta 17 de 20

¿Qué es el "prop drilling" y por qué es considerado un problema?

El patrón de pasar props a través de múltiples niveles de componentes intermedios que no los necesitan

El proceso de destruturar props en el parámetro de una función

Una técnica de optimización para mejorar el rendimiento del Virtual DOM

Un error al pasar props con tipos incorrectos entre componentes

Pregunta 18 de 20

¿Cuál es la diferencia entre `useMemo` y `useCallback`?

`useMemo` es para estado y `useCallback` para efectos secundarios

`useMemo` memoiza un valor computado; `useCallback` memoiza una función para evitar recrearla en cada render

`useCallback` solo funciona con componentes de clase

Son idénticos, solo cambia el nombre por convenio

Pregunta 19 de 20

¿Para qué se usa el hook `useEffect`?

Para ejecutar efectos secundarios como llamadas a API, suscripciones o manipulación directa del DOM

Para memoizar resultados de funciones costosas

Para conectar el componente con Redux

Solo para animar componentes al renderizarse

Pregunta 20 de 20

¿Cuál es el propósito del hook `useState` en React?

Obtener datos de una API externa al cargar el componente

Controlar la navegación entre páginas de la aplicación

Añadir estado local reactivo a un componente funcional, re-renderizando cuando cambia

Compartir estado entre todos los componentes de la aplicación automáticamente

Completa tus datos para el ranking

Tu nombre o alias *

Correo electrónico

Quiero recibir tips de programación, nuevos tests y contenido exclusivo