Examen seminario React

Desde la perspectiva de un desarrollador React: ¿Cuál es la principal ventaja de construir una interface de usuario mediante la creación y combinación de componentes ?

• Mejor performance

• Tener módulos pequeños y reusables

• Funcionalidades más potentes

• Construir sitios avanzados

¿Cómo se define un nuevo componente en React?

• Agregando un elemento (por ejemplo MiComponente) a mi código HTML

• Usando JSX en los archivos HTML

• Creando una función Javascript en un archivo que retorna código JSX

• Usando la función predefinida de React createComponent()

¿Qué sentencia es verdadera si hablamos de JSX?

• JSX se usa para definir el código HTML (GUI) de los componentes

• JSX solo puede usarse para construir componentes propios (React en sí no lo usa para nada)

• JSX puede correr en un browser cualquiera

• JSX es código que se almacena en archivos .html

¿Qué hace React con los componentes que uno usa en el código JSX?

• Genera un archivo HTML que luego el browser renderiza

• Deriva un árbol de componentes que se utiliza para alterar el DOM de la página completa renderizada

• Deriva un archivo HTML que luego es utilizado para alterar el DOM de la página completa renderizada

• Genera un árbol de componentes que luego se traduce a un archivo HTML

¿Cómo se usan típicamente los componentes en React?

• Se usan como si fuesen elementos HTML pero dentro del código JSX

• Se llama a la función Javascript que define el componente desde dentro de otras funciones que definen componentes

• Se pasa el nombre de la función que define un componente al método render() de ReactDOM

• Se usan los componentes propios en el archivo index.html o en cualquier otro archivo HTML

¿Cuál de las siguientes sentencias acerca de los componentes React es FALSA?

• Los componentes propios se pueden crear mediante funciones Javascript

• Para usar un componente propio, se debe incluir comenzando con el nombre del mismo en mayúscula

• Todo componente propio debe retornar contenido renderizable (típicamente JSX, aunque HTML plano es admisible)

• Los componentes propios deben definirse próximos a los componentes que los usan

¿Cuál es la sintaxis que debe utilizarse para incluir valores dinámicos o expresiones Javascript en JSX?

• []

• ()

• {}

• {{}}

¿Cómo deberías cargar / usar imágenes típicamente en React?

• Establecer el atributo src de la etiqueta igual a una ruta relativa (string) que apunte a la imagen

• Establecer el atributo src de la etiqueta igual a la ruta generada a través de una declaración de import (que apunta a la imagen)

• Establecer el atributo src de la etiqueta igual a una ruta absoluta (string) que apunte a la imagen

• Establecer el atributo src de la etiqueta igual a la propia imagen

¿Cómo se puede asignar un valor dinámico a un atributo de un elemento HTML?

• A través de la misma sintaxis que se usa para valores dinámicos en JSX en general

• A través de una sintaxis para atributos especial de React que se puede agregar a todos los componentes built-in y propios

• No es posible, solo se puede en el caso de componentes propios

¿Qué mecanismo fundamental de React permite adaptar/reusar los mismos componentes React en diversos contextos?

• JSX

• Clases

• Funciones

• Props