Repaso parcial T. Cons. Soft.

¿Qué es React?. Un framework de CSS para crear diseños responsivos. Una librería de JavaScript para construir interfaces de usuario basadas en componentes. Un motor de plantillas del lado del servidor. Un lenguaje de programación nuevo que reemplaza a JavaScript.

¿Para qué sirve JSX en React?. Para definir consultas SQL embebidas. Para describir la interfaz con una sintaxis similar a HTML dentro de JavaScript. Para configurar rutas de red en el servidor. Para generar archivos CSS automáticamente.

¿Cuál de las siguientes afirmaciones describe mejor un componente de React?. Un archivo HTML estático que se muestra en el navegador. Una función o clase que recibe props y devuelve elementos React. Un script que se ejecuta únicamente en el servidor. Una base de datos embebida en el navegador.

¿Qué son las “props” en React?. Variables globales modificables por cualquier componente. Datos de solo lectura que un componente padre pasa a un componente hijo. Archivos de configuración del servidor. Estilos CSS en formato JSON.

¿Para qué se utiliza el estado (state) en un componente?. Para definir permisos del sistema operativo. Para almacenar datos que pueden cambiar con el tiempo y provocar un nuevo renderizado. Para configurar la URL base del servidor backend. Para definir las rutas de React Router.

¿Cuáles de los siguientes son hooks de React válidos? (elige 3). useState. useEffect. useRouter. useContext. useThread.

¿Qué devuelve la llamada a useState?. Un objeto con las propiedades value y set. Un array con el valor actual y una función para actualizarlo. Solo una función que actualiza el DOM. Una promesa que resuelve con el valor inicial.

¿Cuándo se ejecuta un useEffect sin segundo parámetro (sin array de dependencias)?. Solo una vez al montar el componente. Cada vez que cambia el estado global de la app. En cada renderizado del componente. Nunca se ejecuta.

¿Cada cuánto se ejecuta un useEffect(() => {...}, [])?. Una sola vez cuando el componente se monta. Cada vez que se modifica cualquier estado. Cada segundo, como un temporizador. Solo cuando se destruye el componente.

¿Cuáles de las siguientes son formas válidas de renderizado condicional en React? (elige 2). Usar operadores lógicos como && dentro del JSX. Usar if directamente alrededor del return de la función. Escribir etiquetas <if> y <else> en JSX. Usar el operador ternario condición ? A : B en JSX.

¿Qué prop es recomendable definir al renderizar listas con array.map?. className. key. idGlobal. mapIndex.

En un formulario controlado de React, ¿qué acciones son necesarias? (elige 3). Almacenar el valor del input en el estado. Usar onChange para actualizar el estado. Modificar el DOM directamente con document.getElementById. Pasar el valor del estado como prop value al input. Deshabilitar el evento onChange.

“Lifting state up” significa: Mover el estado a un componente más padre para compartirlo con varios hijos. Guardar todo el estado en variables globales. Subir el archivo de estado al servidor. Convertir componentes de clase en funciones.

¿Qué componente suele envolver toda la aplicación para habilitar React Router en el navegador?. <RoutesProvider>. <BrowserRouter>. <RouterConfig>. <HistoryProvider>.

¿Para qué sirve el hook useParams?. Para leer parámetros de consulta (?page=1) de la URL. Para acceder a parámetros de ruta como /productos/:id. Para configurar el título de la pestaña del navegador. Para obtener el estado global de Redux.

¿Cuáles son responsabilidades típicas de React Router? (elige 2). Definir qué componente se renderiza según la URL. Gestionar la persistencia de datos en la base de datos. Sincronizar la URL con el historial del navegador. Validar formularios del lado del servidor.

¿Para qué se usa normalmente Axios en una aplicación React?. Para crear componentes de clase automáticamente. Para hacer peticiones HTTP al backend y recibir datos. Para configurar la conexión a la base de datos. Para generar rutas de React Router.

¿Cuáles son buenas prácticas al estructurar una app React? (elige 3). Dividir la UI en componentes pequeños y reutilizables. Poner toda la lógica y JSX en un único componente gigante. Extraer llamadas HTTP a archivos de “servicios” aparte. Evitar repetir código y reutilizar componentes donde tenga sentido. Manipular el DOM siempre con document.querySelector.

¿Para qué usa React el Virtual DOM?. Para almacenar la base de datos local. Para calcular los cambios necesarios y aplicar solo los mínimos al DOM real. Para comprimir imágenes antes de mostrarlas. Para manejar solo animaciones CSS.

¿Qué caracteriza a una Single Page Application (SPA) hecha con React?. Cada enlace abre una nueva pestaña del navegador. Solo puede funcionar sin conexión. Se carga una única página HTML y el contenido cambia dinámicamente sin recargas completas. Requiere obligatoriamente plantillas del lado del servidor.

¿Qué es Spring Boot?. Un lenguaje de programación para bases de datos. Un framework que simplifica la creación de aplicaciones Spring preconfiguradas (por ejemplo APIs REST). Un sistema operativo para servidores Java. Un sistema de plantillas HTML.

En Spring Initializr, ¿qué representa normalmente el campo Group?. El nombre de la tabla principal de la base de datos. El dominio invertido de la organización (por ejemplo, com.miempresa). El puerto donde escuchará la aplicación. El nombre de usuario de la base de datos.

¿Cuáles de estas dependencias son típicas para una API REST con base de datos? (elige 3). Spring Web. Spring Data JPA. Lombok. Spring for GraphQL. JavaFX.

¿Para qué sirve la dependencia Spring Web?. Para conectarse a bases de datos relacionales. Para exponer endpoints HTTP y construir servicios REST. Para realizar pruebas unitarias. Para generar plantillas de PowerPoint.

¿Qué aporta Spring Data JPA?. Un servidor de correo embebido. Repositorios basados en interfaces que simplifican las operaciones CRUD sobre la base de datos. Un motor de plantillas HTML. Un compilador para Java.

¿Cuál de estas propiedades configura la URL de la base de datos en Spring Boot?. spring.jpa.show-sql. spring.datasource.url. server.port. spring.main.banner-mode.

¿Cuáles son propiedades habituales para configurar la conexión a una base de datos? (elige 3). spring.datasource.username. spring.datasource.password. spring.jpa.hibernate.ddl-auto. spring.mvc.view.prefix. react.app.base-url.

¿Qué indica la anotación @Entity en una clase?. Que la clase se ejecuta en un hilo separado. Que la clase representa una tabla en la base de datos. Que la clase solo puede usarse para pruebas. Que es un componente de la capa de vista.

¿Qué hace la anotación @Id en una entidad JPA?. Marca el campo como columna ignorada. Marca el campo como clave primaria de la tabla. Configura la relación ManyToMany. Deshabilita las validaciones en ese campo.

¿Para qué se utiliza @GeneratedValue?. Para indicar que el valor del campo será generado automáticamente (por ejemplo, un ID autoincremental). Para marcar un campo como obligatorio. Para indicar que el campo no se persistirá. Para indicar una relación entre entidades.

¿Qué anotaciones se utilizan para modelar relaciones entre entidades JPA? (elige 4). @OneToOne. @ManyToOne. @OneToMany. @ManyToMany. @RestController.

¿Qué representa una relación @ManyToOne?. Una entidad relacionada con muchas bases de datos. Muchos registros que se relacionan con una sola instancia de otra entidad. Una relación de uno a uno. Una relación entre entidades que no se persisten.

En public interface ProductoRepository extends JpaRepository<Producto, Long>, ¿qué representa Long?. El tipo del atributo nombre. El tipo de la clave primaria de la entidad Producto. El tipo devuelto por todos los métodos del repositorio. El tamaño máximo en bytes de la tabla.

¿Cuáles de estos métodos vienen heredados de JpaRepository sin necesidad de implementarlos? (elige 3). save(). findById(). deleteById(). renderComponent(). connectDatabase().

¿Cuál es la responsabilidad principal de la capa de servicio en una arquitectura por capas?. Renderizar HTML en el navegador. Contener la lógica de negocio y coordinar acceso a repositorios. Configurar la red del servidor. Ejecutar migraciones de base de datos automáticamente.

¿Para qué se utiliza la anotación @Service?. Para indicar que una clase es un controlador REST. Para indicar que una clase pertenece a la capa de servicios. Para definir una entidad de base de datos. Para crear un repositorio de archivos.

¿Qué hace un controlador anotado con @RestController?. Expone endpoints que devuelven datos (normalmente JSON) en lugar de vistas HTML. Solo sirve para gestionar formularios de JSP. Activa automáticamente una base de datos en memoria. Sirve exclusivamente para enviar correos electrónicos.

¿Qué anotación se utiliza para mapear un método a una petición GET concreta?. @GetMapping. @PostMapping. @DeleteMapping. @RequestBody.

¿Para qué sirve @PathVariable?. Para leer parámetros en la URL, por ejemplo /productos/{id}. Para leer el cuerpo JSON de la petición. Para configurar el puerto del servidor. Para validar automáticamente el DTO.

¿Qué indica la anotación @RequestBody en un parámetro de un método de controlador?. Que el parámetro se obtiene de la sesión del usuario. Que el valor se toma del cuerpo de la petición HTTP (por ejemplo JSON) y se convierte a un objeto. Que el parámetro es opcional. Que el parámetro debe usarse solo en respuestas.

En una API REST típica con Spring Boot, ¿qué componentes suelen existir? (elige 3). Controladores (@RestController). Servicios (@Service). Repositorios (interfaces que extienden JpaRepository). Componentes React. Drivers de impresora.

¿Qué es un DTO (Data Transfer Object)?. Una copia de respaldo de la base de datos. Un objeto usado para transportar datos entre capas o hacia el cliente, separado de la entidad. Un script de despliegue de la aplicación. Un recurso estático como una imagen.

¿Por qué es recomendable usar DTOs en una API?. Para exponer directamente toda la estructura interna de la base de datos. Para desacoplar lo que se envía al cliente de cómo se almacenan los datos internamente. Para evitar por completo la validación. Para que la aplicación consuma menos memoria.

¿Cuáles de estas anotaciones pertenecen a Bean Validation y se usan en entidades/DTOs? (elige 3). @NotNull. @Size. @Email. @RestMapping. @GetService.

¿Qué efecto tiene agregar @Valid antes de un parámetro @RequestBody en un controlador?. Ejecuta validaciones definidas en el objeto, lanzando errores si no se cumplen. Convierte el objeto a JSON automáticamente. Permite llamadas desde dominios externos. Cifra la respuesta de la API.

¿Cuál de los siguientes verbos HTTP se asocia típicamente a la creación de recursos?. GET. POST. DELETE. OPTIONS.

¿Qué significa el código HTTP 201?. Petición correcta pero sin contenido. Recurso creado correctamente. Recurso no encontrado. Error interno del servidor.

¿Cuándo debería devolver un endpoint 404 Not Found?. Cuando el servidor no tiene conexión a Internet. Cuando el recurso solicitado no existe. Cuando el usuario no está autenticado. Cuando la petición tarda más de 1 segundo.

En una API REST sobre “productos”, ¿cuáles URLs respetan mejor el estilo de recursos? (elige 3). GET /api/productos. GET /api/productos/15. POST /api/crearProducto. DELETE /api/productos/15. GET /api/eliminarProducto?id=15.

¿Qué formato de datos se usa más comúnmente entre React y Spring Boot?. XML binario. JSON. CSV comprimido. PDF.

¿Qué pasos son típicos al consumir una API de Spring Boot desde React usando Axios? (elige 3). Llamar a axios.get / axios.post con la URL del endpoint. Esperar la promesa y leer response.data. Actualizar el estado del componente con los datos recibidos. Modificar directamente las tablas de la base desde el navegador. Reiniciar el servidor en cada petición.

¿Por qué aparece un error de CORS al hacer peticiones desde React a Spring Boot?. Porque Axios no soporta JSON. Porque el navegador bloquea peticiones a otro origen si el servidor no lo autoriza. Porque Spring Boot no permite métodos GET. Porque React no puede trabajar en el puerto 3000.

¿Cuál es una forma típica de permitir peticiones desde un frontend concreto?. Configurar @CrossOrigin en los controladores o una configuración global de CORS. Desactivar el firewall de Windows. Enviar todas las peticiones por FTP. Cambiar el protocolo HTTP a SMTP.

Al manejar errores de la API en React, ¿qué prácticas son razonables? (elige 2). Mostrar mensajes claros al usuario cuando la API devuelve error. Ignorar cualquier error y dejar la pantalla en blanco. Registrar errores en consola para depuración. Reiniciar el navegador automáticamente.

¿Cuál es el objetivo principal del testing automatizado?. Demostrar que el código es perfecto y nunca fallará. Aumentar la confianza, detectar errores antes y facilitar cambios futuros. Reducir la cantidad de código necesario. Evitar que otras personas modifiquen el código.

¿Qué es Jest en el contexto de React?. Un servidor de bases de datos. Un framework de pruebas para JavaScript. Un compilador para TypeScript. Un gestor de paquetes.

¿Para qué se usa React Testing Library?. Para crear componentes automáticamente. Para probar componentes interactuando con la UI como un usuario (clics, texto, etc.). Para desplegar la app en producción. Para diseñar hojas de estilo CSS.

Al escribir tests con React Testing Library, ¿qué es recomendable? (elige 3). Buscar elementos por el texto que ve el usuario. Simular eventos como clics o escritura. Comprobar solo variables internas privadas sin relación con la UI. Hacer aserciones sobre lo que se muestra en pantalla. Evitar cualquier interacción y solo probar estilos CSS.

En Spring Boot, ¿qué es JUnit?. Un servidor HTTP embebido. Un framework de pruebas unitarias para Java. Un sistema de logging. Un driver JDBC.

¿Cuáles descripciones se corresponden con tipos de pruebas habituales? (elige 3). Pruebas unitarias: prueban unidades pequeñas de código de forma aislada. Pruebas de integración: verifican cómo interactúan varios componentes entre sí. Pruebas end-to-end: ejercitan flujos completos de la aplicación como lo haría un usuario real. Pruebas de humo: son las que se hacen solo en producción, sin ambiente de pruebas. Pruebas de regresión: son exclusivamente pruebas manuales sin automatización posible.