Examen de Conceptos Básicos Técnicos sobre React

Pregunta 1: ¿Cuál de las siguientes opciones describe mejor lo que es React?

a) Un lenguaje de programación.
b) Un framework de backend.
c) Una biblioteca de JavaScript para construir interfaces de usuario.
d) Una herramienta para el análisis de bases de datos.

Pregunta 2: ¿Qué es JSX en React?

a) Una función para ejecutar JavaScript en bucles.

b) Una notación especial para escribir elementos de interfaz de usuario en JavaScript.
c) Una biblioteca para manipular bases de datos.
d) Un método para declarar variables en React.

Pregunta 3: ¿Qué son los componentes en React?

a) Funciones matemáticas utilizadas para cálculos complejos.

b) Bloques de construcción para la interfaz de usuario en React.
c) Etiquetas HTML utilizadas para dar estilo a la interfaz de usuario.
d) Variables globales que almacenan datos en una aplicación React.

Pregunta 4: ¿Cuál es la forma correcta de manejar el estado en un componente de clase en

React?

a) Usar la función this.modifyState(newState).

b) Asignar directamente a this.state.
c) Utilizar la función this.setState({ newState }).
d) Actualizar el estado directamente en la función render().

Pregunta 5: ¿Qué es el Virtual DOM en React?

a) Una representación en tiempo real del estado de la CPU.

b) Un concepto de diseño para organizar mejor los componentes.
c) Una técnica para mejorar la velocidad de navegación en sitios web.
d) Una representación en memoria del DOM real que React utiliza para optimizar el rendimiento.

Pregunta 6: ¿Qué son los Hooks en React?

a) Elementos visuales que mejoran la apariencia de una aplicación React.

b) Funciones que permiten a los componentes funcionales utilizar características de componentes de
clase.
c) Sistemas de seguridad para prevenir ataques de hackers.
d) Herramientas de depuración para encontrar errores en el código.

Pregunta 7: ¿Qué es una prop en React?

a) Una función que realiza cálculos matemáticos.
b) Un valor que puede ser pasado de un componente a otro.
c) Una etiqueta HTML utilizada para aplicar estilos.
d) Una variable local que solo se puede usar dentro de un componente.

Pregunta 8: ¿Cuál es el propósito de la función map() al trabajar con listas en React?

a) Cambiar el color de fondo de un componente.

b) Crear una copia duplicada de un componente.
c) Iterar sobre una lista de elementos y generar componentes para cada uno.
d) Eliminar elementos no deseados del DOM.

Pregunta 9: ¿Qué es el ciclo de vida de un componente en React?

a) La secuencia de eventos que ocurren durante la navegación en una aplicación React.

b) La serie de operaciones matemáticas realizadas en un componente.
c) Los pasos para desplegar una aplicación React en un servidor.
d) El conjunto de fases que un componente atraviesa desde su creación hasta su eliminación.

Pregunta 10: ¿Cuál es la principal ventaja de usar React en lugar de manipular directamente el
DOM?

a) Mayor complejidad en la escritura de código.

b) Menor rendimiento en la ejecución.
c) Facilita la construcción y actualización eficiente de interfaces de usuario.
d) Requiere menos recursos de memoria.

Pregunta 11: ¿En React, cuál es la función principal del Spread Operator (...)?

a) Convertir valores en cadenas de texto.

b) Manipular el estado de un componente.
c) Propagar propiedades de un objeto a otro.
d) Crear bucles en JSX.

Pregunta 12: ¿Qué propósito tiene el Object Destructuring en React?

a) Convertir objetos en cadenas de texto.

b) Crear nuevos objetos a partir de componentes.
c) Extraer propiedades específicas de un objeto y asignarlas a variables locales.
d) Definir la estructura de un componente.

Pregunta 13: ¿Qué indica la sintaxis '=>' en JavaScript?

a) Una operación de igualdad.

b) Una declaración de función tradicional.
c) Una declaración de variable.
d) Una función de flecha (arrow function).
Pregunta 14: ¿Cuál es la utilidad principal de las arrow functions en React?

a) Definir estilos de componentes.

b) Realizar cálculos matemáticos complejos.
c) Crear bucles en JSX.
d) Manejar funciones de devolución de llamada (callbacks) y capturar automáticamente el valor de this
Respuestas:

1. c) Una biblioteca de JavaScript para construir interfaces de usuario.

2. b) Una notación especial para escribir elementos de interfaz de usuario en JavaScript.
3. b) Bloques de construcción para la interfaz de usuario en React.
4. c) Utilizar la función this.setState({ newState }) .
5. d) Una representación en memoria del DOM real que React utiliza para optimizar el
rendimiento.
6. b) Funciones que permiten a los componentes funcionales utilizar características de
componentes de clase.
7. b) Un valor que puede ser pasado de un componente a otro.
8. c) Iterar sobre una lista de elementos y generar componentes para cada uno.
9. d) El conjunto de fases que un componente atraviesa desde su creación hasta su eliminación.
10.c) Facilita la construcción y actualización eficiente de interfaces de usuario.
11.c) Propagar propiedades de un objeto a otro.
12.c) Extraer propiedades específicas de un objeto y asignarlas a variables locales.
13.d) Una función de flecha (arrow function).
14. d) Manejar funciones de devolución de llamada (callbacks) y capturar automáticamente el
valor de this .