Medac / DAW / Diseño de interfaces WEB Temas 12 al 15

Tema 12 React JS se basa en la implementación de componentes…. De un solo uso. Reutilizables. Basados en Flux. Ninguna de las anteriores.

Tema 12 ¿Qué nombre recibe el compilado de JSX a JavaScript?. Compiler JSX. JSX. Builder JSX. JSX Transformer.

Tema 12 ¿Cuál de las siguientes sentencias permite iniciar la implementación del código de un componente?. Const nombreElemento = () => (). export default nombreElemento. import React from ‘react’. Ninguna de las anteriores.

Tema 12 ¿Cuál de los siguientes elementos se trata de un objeto que determina todas las propiedades de un componente y resulta especialmente útil para renderizar estos componentes?. MVC. componentes. props. DOM.

Tema 12 En cuanto a los estados de los componentes, ¿qué podemos decir? Escoge la respuesta más óptima. Cada componente va a tener su propio estado que indica cómo estaba el componente en instantes anteriores. Cada componente va a tener su propio estado que indica cómo está el componente en cada momento. Determina todas las propiedades de un componente. Ninguna de las anteriores.

Tema 12 ¿Cuál de las siguientes opciones permite exportar el componente desarrollado con React.js?. import React from ‘react’. const Button. export default Button. export React from 'react'.

Tema 12 ¿Qué ocurre cuando la implementación de un componente implica el uso de otros componentes en su salida?. Renderizado múltiple. Composición de componentes. Creación de componentes. Ninguna de las anteriores.

Tema 12 ¿Qué símbolos se utilizan para acceder al contenido de los props?. [ ]. { }. ( ). ‘ ‘.

Tema 12 ¿Qué función permite modificar al valor de un estado?. nombreState. getState. setState. this.State.

Tema 12 ¿Cómo se puedes escribir HTML dentro de JavaScript?. Utilizando JSX. De la forma habitual. Utilizando React.JS. Utilizando AJAX.

Tema 13 ¿Qué tipo de evento se invoca cuando se saca con el puntero del ratón sobre el elemento en el que se está realizando la escucha?. onMouseOut. onMouseOver. onClick. Ninguno de los anteriores.

Tema 13 ¿Qué tipo de evento se invoca cuando se quita el foco de un elemento?. onChange. onFoucs. inFocus. onBlur.

Tema 13 ¿Cuál de las siguientes opciones se utiliza para indicar la cadena de texto que representa la ruta en la que el nuevo componente está disponible cuando implementamos routing?. path. componente. react-router. Ninguna de las anteriores.

Tema 13 Cuando hablamos del patrón software flux, podemos decir que... Presenta una comunicación bidireccional. Presenta una comunicación multidireccional. Presenta una comunicación unidireccional. No existe comunicación entre capas.

Tema 13 ¿Cuál de los siguientes elementos se encargan de la conexión entre las actions y stores?. Dispatcher. Actions. Views. Renders.

Tema 13 ¿Cuál de los siguientes elementos se encargan de la transformación de los componentes React en elementos del DOM?. Stores. Actions. Views. Dispatcher.

Tema 13 ¿Sobre cuál de los siguientes elementos el usuario interacciona?. Funciones. Vistas. Acciones. Almacenes de datos.

Tema 13 En cuanto a la creación de eventos en React, elige la mejor opción. Es necesario indicar el evento que se va a tratar. Se indica el código que va a tratar dicho evento cuando ocurre. La implementación del código de tratamiento de evento se lleva a cabo en la función render. Todas son correctas.

Tema 13 ¿Qué tipo de evento se invoca cuando se pulsa una tecla del teclado?. onKeyPress. onKey. onClick. Ninguno de los anteriores.

Tema 13 ¿Qué empresa desarrollo el patrón de software Flux?. Facebook. Microsoft. Apple. IBM.

Tema 14 ¿Qué patrón de diseño utiliza Redux?. Flux. MVC. React. Node.js.

Tema 14 ¿Cuál de las siguientes opciones es una de las diferencias más notables entre Redux y Flux?. Redux utiliza múltiples store mientras que Flux solo usa uno. No existen diferencias. Flux utiliza MVC. Flux utiliza múltiples store mientras que Redux usa solo uno que estructura en forma de árbol.

Tema 14 ¿Qué atributo de la creación de acciones se utiliza de forma opcional para aquellas acciones que implican el uso de datos asociados?. payload. load. type. Ninguna de las anteriores.

Tema 14 ¿Qué nombre reciben las funciones de Redux que reciben como parámetro un estado y el nombre de una acción y devuelven otro estado?. Puras. Impuras. Reducers. Funciones disparadoras.

Tema 14 ¿Qué nombre reciben el código que se ejecuta entre dos frameworks?. Middleware. Store. Actions. Renders.

Tema 14 ¿Cuál de los siguientes elementos no está presente en la estructura básica de sintaxis para un middleware?. Store. Next. Views. Action.

Tema 14 ¿Cuál de las siguientes librerías se utilizan en el modelado de acciones asíncronas con Redux?. redux-thunk. redux-promise. Las dos anteriores son correctas. Ninguna de las anteriores es válida.

Tema 14 ¿Cuál de las siguientes opciones permite crear de forma correcta una nueva aplicación React?. npx create-react appWeb. npx create-react-app app-Web. npx create-react-app app-web. Ninguna de las anteriores.

Tema 14 ¿Cuándo se considera una función pura?. No modifica el valor de los parámetros. No realiza tareas con efectos secundarios. No llaman a funciones que no son puras. Todas son correctas.

Tema 14 ¿Cuál de las siguientes instrucciones se utiliza para instalar Redux?. npm i -S redux. install redux. redux. npx create-react appWeb.

Tema 15 ¿Cuál de los siguientes elementos no es una de las claves de Mobx?. State. Flow. Derivations. Reactions.

Tema 15 ¿Qué nombre reciben los valores que se pueden calcular de forma automática partiendo del estado de la aplicación?. State. Actions. View. Derivations.

Tema 15 ¿Cuál de los siguientes valores se asigna a un estado para indicar que puede ser rastreado?. Observable. Computed. Action. Reaction.

Tema 15 ¿Cuál de los siguientes valores indica una acción que modifica el estado y almacena la salida en memoria?. Observable. Computed. Action. Reaction.

Tema 15 ¿Cuál de las siguientes opciones es válida en cuando a las secuencia que tiene lugar en las derivaciones?. Reaction-Computed Values. Reaction-Derivation-Computed Values. Computed Values - Reaction. Ninguna de las anteriores.

Tema 15 Si se pretenden diseñar una función contador ¿En cuál de las siguientes opciones quedaría enmarcada?. Reactions. Observables. Computed values. Ninguna de las anteriores.

Tema 15 Selecciona la respuesta correcta en cuanto a acciones: Una acción es cualquier cosa que puede derivarse de los estados de la aplicación sin ningún tipo de interacción adicional. Una acción es un fragmento de código que permite cambiar el estado de la aplicación. Ninguna de las anteriores es correcta. Todas son correctas.

Tema 15 En el caso de Mobx, ante que evento se produce un cambio en la aplicación. Según un intervalo de tiempo establecido. Ante un cambio de estado. Siempre que el usuario pulsa un botón. Ninguna de las anteriores es correcta.

Tema 15 En Mobx, para poder rastrear un estado e incluir en la vista del usuario los cambios producidos…. Se debe utilizar el valor computed para la definir los estados-datos. Se debe utilizar el valor observable para la definir los estados-datos. Mobx no permite el rastreo de estados. Solo es posible hacer observable un único estado.

Tema 15 ¿Cuál de los siguientes resulta más sencillo en cuanto a su implementación?. Mobx. Redux. React. Flux.