Lección 4 de 13 · Lectura y práctica

Quiz: Introduccion a React

Tipo de lección: QuizQuiz de Introduccion a ReactPon a prueba tus conocimientos con este quiz. Necesitas 70% para aprobar.

Del concepto a la práctica

Taller de esta lección

Este quiz puede comprobar si distingues una descripción declarativa de una manipulación imperativa y si reconoces reglas de JSX. Razona con el resultado de la interfaz, no con el nombre de una herramienta. Una respuesta es correcta solo si explica qué dato determina la vista.

Ejemplo resuelto

Pregunta: una pantalla recibe seleccion='historia' y filtra una lista para mostrar tres tarjetas. ¿Qué describe mejor React? A) Buscar manualmente cada nodo y ocultarlo. B) Declarar la vista que corresponde a seleccion. La respuesta es B, porque la salida se deriva del dato.

Pruébalo

Responde qué significa que un componente tenga un solo elemento raíz.
Elige entre class y className para JSX.
Indica si un valor calculado desde props necesita estado.

Comprueba tu resultado

Las respuestas esperadas son: un retorno agrupado, className y “no”, respectivamente.

Error frecuente: elegir estado para cualquier valor visible; corrígelo preguntando si el valor puede calcularse durante el render. Si tu explicación no menciona el dato que cambia y la vista resultante, la respuesta está incompleta.

Preguntas adicionales con supuestos explícitos

Con la colección b1/b2/b3 de la lección1, categoría historia y disponible solo b1, ¿cuántos disponibles?1; contar dos ignora el booleano.
¿El Fragment añade un div al DOM? No, agrupa sin ese nodo.
¿JSX equivale a pegar HTML sin transformación? No, necesita el compilador de tu proyecto.
¿Un valor recibido por prop que puede calcularse durante el render debe copiarse a estado? Normalmente no: la copia requiere mantener dos fuentes sincronizadas.
¿Un QR, una carpeta o una URL impresa demuestran que el navegador renderizó el componente? No: registra el texto y posibles errores observados.

Al revisar, justifica cada respuesta con su condición. No memorices «solo un elemento» como prohibición de devolver null o un array admitido; aquí evalúas agrupar hermanos en una expresión JSX. Tampoco confundas declarativo con carecer de eventos: el evento cambia datos, y la vista se obtiene de esos datos. Usa los mismos tres registros en cada pregunta para poder detectar diferencias de cuenta. La respuesta B del ejemplo describe el modelo declarativo, sin prometer un rendimiento específico.