TP 3 Taller de construccion de soft

El estado en React se puede actualizar directamente modificando el objeto de estado. Falso. .

¿Cuál es el resultado de llamar a setTareas([...tareas, { texto: nuevaTarea, completada: false }]) si tareas ya contiene 3 elementos?. Se agrega un cuarto elemento al array tareas. .

¿Cuáles de los siguientes conceptos están relacionados con el uso del hook useEffect en React?. Permite ejecutar efectos secundarios después de renderizar un componente. Puede ser utilizado para suscribirse a eventos o realizar operaciones de limpieza. Puede recibir una función de limpieza que se ejecuta antes de que el componente sea destruido. Se ejecuta cada vez que el componente se actualiza, si se proporcionan dependencias.

Los componentes en React pueden ser clasificados en dos tipos: funcionales y de clase. Verdadero. .

¿Cuáles de los siguientes son propósitos comunes del hook useState en React?. Permite actualizar el estado y causar un re-render del componente. Es utilizado para almacenar valores que se mantienen entre renderizados. Se utiliza para definir y manejar el estado local en un componente funcional. Proporciona una función para establecer el estado que puede ser usada en eventos o efectos.

¿Cuál es el propósito principal de usar JSX en un proyecto React?. Permitir la escritura de estructuras de interfaz de usuario en un formato similar a HTML dentro de JavaScript. .

¿Qué función tiene el hook useEffect en un componente funcional de React?. Realizar efectos secundarios, como peticiones de API, después del renderizado. .

¿Cuáles de los siguientes conceptos son fundamentales para comprender el estado en React?. El estado es local al componente y no se comparte directamente entre componentes. El estado es un objeto que representa la información dinámica de un componente. El estado puede ser actualizado con la función setState. Los cambios en el estado provocan un re-render del componente.

¿Qué ocurre cuando llamas a setState en un componente de clase en React?. Se actualiza el estado del componente y se vuelve a renderizar la interfaz si el estado ha cambiado. .

¿Qué hace el operador ... (propagación) en este código: setTareas([...tareas, nuevaTarea])?. Crea un nuevo array que contiene todas las tareas anteriores y agrega la nueva tarea al final. .

¿Qué permite hacer la propiedad props.children en un componente React?. Renderizar contenido que se coloca entre las etiquetas de apertura y cierre de un componente. .

¿Qué sucede si no se especifica la propiedad key en una lista renderizada por React?. El rendimiento puede disminuir porque React no puede identificar eficientemente los elementos de la lista. .

¿Cuál de las siguientes opciones describe mejor JSX en React?. Una extensión de la sintaxis de JavaScript que permite escribir HTML dentro de JavaScript. .

¿Cuáles de las siguientes son características principales de React.js?. Utiliza JSX para combinar lógica y presentación. Es una biblioteca enfocada en la construcción de interfaces de usuario. Utiliza un DOM virtual para mejorar el rendimiento. Permite la creación de componentes reutilizables.

¿Cuál es el propósito principal de la función useState en React?. Permitir el manejo del estado en componentes funcionales. .

¿Por qué es importante usar la técnica de desestructuración en React, como en const [tareas, setTareas] = useState([])?. Permite extraer valores de arrays u objetos y asignarlos a variables de manera más concisa. .

El hook useEffect se utiliza para manejar efectos secundarios en componentes funcionales. Verdadero. .

¿Cuál es la función del método map en la siguiente línea de código: tareas.map((tarea, indice) => ( ... ))?. Iterar sobre el array tareas y retornar un nuevo array con los resultados de aplicar una función a cada elemento. .

¿Cuál es el propósito de la siguiente línea de código en un componente React: export default App;?. Permitir que el componente App sea importado en otros archivos. .

¿Cuáles son los beneficios de usar JSX en React?. JSX permite escribir HTML dentro de JavaScript. JSX permite combinar lógica y presentación en un solo archivo. JSX mejora la legibilidad del código. JSX facilita la creación de componentes dinámicos.