React Nivel Avanzado



Reactivos

Pregunta 1

Selecciona el o los componentes que se muestran en el siguiente código:

import React from 'react';
import { Text, View } from 'react-native';
const HelloWorldApp = () => {
return (
<View
style={{
flex: 1,
justifyContent: "center",
alignItems: "center"
}}>
<Text>Hello, world!</Text>
</View>
)
} export default HelloWorldApp;

Opciones:

  1. View y text
  2. View
  3. Text
  4. Style

Pregunta 2

Establece qué versión de JavaScript permite escribir código sin tener que analizar la sintaxis de este.

Opciones:

  1. React Native
  2. JSX
  3. React JS
  4. React

Pregunta 3

Elige los elementos necesarios para poder utilizar React Native para desarrollar una aplicación.

Opciones:

  1. Chocolatey,node.js
  2. Chocolatey,Android Studio
  3. Chocolatey,node.js,Android Studio
  4. Node.js, Android Studio

Pregunta 4

Decide qué mostrará el siguiente código al momento de ejecutarse:

import React from 'react';
import { Text, View } from 'react-native';
const HelloWorldApp = () => {
return (
<View
style={{
flex: 1,
justifyContent: "center",
alignItems: "center"
}}>
<Text>Hello, world!</Text>
</View>
)
} export default HelloWorldApp;

Opciones:

  1. Una aplicación mostrando con una imagen “Hola mundo”.
  2. Una aplicación mostrando con un "center"
  3. F9.
  4. Una aplicación mostrando en Texto “Hola mundo”.

Pregunta 5

Elige la etiqueta utilizada para modificar la vista de una pantalla en la aplicación.

Opciones:

  1. <Style>
  2. <TextInput>
  3. <View>
  4. <body></body>

Pregunta 6

Selecciona cuáles son consideradas las piezas de código que se pueden reutilizar tantas veces como sea necesario, esto con el objetivo de evitar repetir código.

Opciones:

  1. Variable
  2. Componente
  3. Función
  4. Bucles

Pregunta 7

Ciclo de vida del componente que ocurre al momento de eliminar el componente.

Opciones:

  1. Limpieza
  2. Actualización
  3. Desmontaje
  4. Montaje

Pregunta 8

Elige el elemento que permite agregar funcionalidades como manejo de estados, variables globales, etc.

Opciones:

  1. Hook
  2. Render
  3. Debug
  4. Return

Pregunta 9

Decide cuál es el método que permite regresar un elemento de la interfaz de usuario.

Opciones:

  1. Debug
  2. Return
  3. Render
  4. Hook

Pregunta 10

Elige qué es lo que hará el siguiente código:

function Section(){
const saludo = "Buen día."
return (
<View>
<Text>Hola mundo. {saludo}</Text>
</View>
);
}

Opciones:

  1. Se define una variable que tiene “Buen día” y se mostrará cuando se solicite.
  2. Se mostrará el mensaje “Hola Mundo”.
  3. Se mostrará el mensaje “Hola Mundo”. Saludo.
  4. Se define una variable que tiene “Buen día” y que se mostrará junto con “Hola Mundo”.

Pregunta 11

Selecciona qué componente de React Native sustituye el componente <div> de una página web.

Opciones:

  1. <ScrollView>
  2. <View>
  3. <image>
  4. <Text>

Pregunta 12

Establece cuál es el componente para mostrar texto en una app de iOS creada con React Native.

Opciones:

  1. <TextView>
  2. <Text>
  3. <UITextView>
  4. <p>

Pregunta 13

Elige qué realizará el siguiente código:

const Greeting = (props) => {
return (
<View style={styles.center}>
<Text>Hello {props.name}!</Text>
}
);</View>

Opciones:

  1. En este caso se tendrá un componente Greeting, el cual mostrará el texto del saludo y
    recibirá un parámetro (propiedad) llamada name, cuyo valor se imprimirá dentro del componente <Text>
  2. En este caso se tendrá un componente Greeting, el cual mostrará el texto del saludo, cuyo valor se imprimirá dentro del componente <Text>
  3. En este caso se tendrá un componente Greeting, el cual mostrará el texto del saludo y
    recibirá un parámetro (propiedad) llamada name, cuyo valor se imprimirá dentro del componente <Image>
  4. En este caso se tendrá un componente Greeting, el cual mostrará el texto del saludo y
    recibirá un parámetro (propiedad) llamada name, cuyo valor se imprimirá dentro del
    componente <View>

Pregunta 14

Decide qué hace style en el siguiente código:

const LotsOfGreetings = () => {
return (
<View style={[styles.center, {top: 50}]}>
<Greeting name='Rexxar' />
<Greeting name='Jaina' />
<Greeting name='Valeera' />
} );</View>
export default LotsOfGreetings;

Opciones:

  1. Define el estilo de centrado a lo que no está dentro de View.
  2. Define el estilo de centrado a lo que está en saludo.
  3. Define el estilo de centrado a lo que está dentro de View.
  4. Define el estilo de centrado a lo que está dentro de Greeting.

Pregunta 15

Elige el componente que muestra una imagen en una app para Android usando React Native.

Opciones:

  1. <img>
  2. <UIImageView>
  3. <im>
  4. <Image>

Pregunta 16

Selecciona qué hace el estilo bigBlue en el siguiente código:

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
const LotsOfStyles = () => {
return (
<View style={styles.container}>
<Text style={styles.bigBlue}>Best</Text>
<Text style={[styles.bigBlue, styles.red]}>App</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
marginTop: 50,
},
bigBlue: {
color: 'blue',
fontWeight: 'bold',
fontSize: 30,
},
red: {
color: 'red',
},
});
export default LotsOfStyles;

Opciones:

  1. Pone el texto de color azul y con un tamaño de letra de 30.
  2. Pone el texto en negritas y con un tamaño de letra de 30.
  3. Pone el texto de color azul, en negritas y con un tamaño de letra de 30.
  4. Pone el texto de color azul y un tamaño no definido.

Pregunta 17

Establece la sintaxis para cambiar el ancho y alto en la pantalla de una aplicación.

Opciones:

  1. Width y height
  2. Width
  3. Height
  4. Width y background

Pregunta 18

Selecciona qué hace el siguiente código:

import React from 'react';
import { View } from 'react-native';
const FixedDimensionsBasics = () => {
return (
<View>
<View style={{
width: 50, height: 50, backgroundColor: 'powderblue'
}} />
<View style={{
width: 100, height: 100, backgroundColor: 'skyblue'
}} />
<View style={{
width: 150, height: 150, backgroundColor: 'steelblue'
}} />
</View>
);
};
export default FixedDimensionsBasics;

Opciones:

  1. Te permite elegir entre tres colores para colocar en la aplicación.
  2. Coloca 3 colores en la misma aplicación.
  3. Coloca 2 colores en la misma aplicación.
  4. Fija un color al fondo de pantalla.

Pregunta 19

Elige:

 La palabra_______, dentro del código, ayudará a definir cómo van a encajar los componentes, conforme al espacio que el dispositivo tenga.

Opciones:

  1. const
  2. style
  3. padding
  4. flex

Pregunta 20

Elige cómo definir la dirección en la cual se va a mostrar un componente.

Opciones:

  1. Usando la palabra flexDirection.
  2. Usando la palabra fDirection.
  3. Usando la palabra Direction.
  4. Usando la palabra fxDirection.

Pregunta 21

Selecciona qué es lo que hace el siguiente fragmento de código:

function Greeting ({ name }) {
return <div> Hello {name}! </div>
}

Opciones:

  1. Se define un componente para mostrar un saludo, este componente recibirá el nombre de la persona a quien se le saludará mediante la propiedad name. Este mismo valor se usará para imprimir dentro del return del componente.
  2. Se define un componente para mostrar un saludo, este componente recibirá el nombre de la persona a quien se le saludará mediante la propiedad name.
  3. Se define un componente para mostrar un saludo. Este mismo valor se usará para imprimir dentro del return del componente.
  4. Se define un componente para mostrar un saludo, este componente recibirá el nombre de la persona a quien se le saludará mediante la propiedad name. Este mismo valor se usará para imprimir fuera del return del componente.

Pregunta 22

Selecciona cuál es el método que se usa para decirle al botón qué hacer cuando sea presionado.

Opciones:

  1. Click.
  2. OnClick.
  3. onclick.
  4. label.

Pregunta 23

Selecciona qué se está creando mediante el siguiente código:

function TextField() {
const [inputValue, setInputValue] = useState('');
const handleInputChange = ({ target }) => {
setInputValue(target.value)
}
return (<input type="text" value={inputValue} onChange={handleInputChange}
/>)
}

Opciones:

  1. Un componente.
  2. Un estado.
  3. Un componente con estado.
  4. Un componente sin estado.

Pregunta 24

Elige qué archivo debes eliminar cuando creas un proyecto de React Native de tal forma que sea sustituido por un archivo .jsx

Opciones:

  1. App.js
  2. App.jason
  3. Gradle
  4. App.tsx

Pregunta 25

Elige qué debes hacer para enviar información a componentes que se encuentran en niveles más abajo en el árbol virtual DOM.

Opciones:

  1. Crear un contexto.
  2. Eliminar los componentes hasta llegar al deseado.
  3. Crear una función.
  4. Crear una variable que almacene la información de los componentes.

Pregunta 26

Selecciona cuál es el protocolo que se usa para mandar una solicitud de datos a una API de REST.

Opciones:

  1. Https
  2. Http
  3. JSON
  4. XML

Pregunta 27

Selecciona qué representa el siguiente fragmento de código:

URL: https://api.coindesk.com/v1/bpi/currentprice.json
Método: GET

Opciones:

  1. Uso de API Rest.
  2. Conexión a una URL.
  3. Uso de API Fetch.
  4. Descarga de información de una URL.

Pregunta 28

Selecciona el formato preferido para leer los mensajes al momento de hacer una petición a una API.

Opciones:

  1. JavaScript
  2. C++
  3. C#
  4. JSON

Pregunta 29

Elige cuál es un lenguaje de consulta para API que brinda una descripción completa y comprensible de los datos en una API.

Opciones:

  1. GraphQL.
  2. MySQL.
  3. Método GET.
  4. Método POST.

Pregunta 30

Elige qué es lo que muestra la siguiente imagen:

Opciones:

  1. El resultado del método POST.
  2. El resultado del método GET.
  3. El resultado del método OBTAIN.
  4. El resultado del método CONSULT.

Pregunta 31

Selecciona cuáles son los errores más comunes en un lenguaje de programación:

Opciones:

  1. Errores sintácticos.
  2. Errores de lógica.
  3. Errores de compilación.
  4. Errores de ejecución.

Pregunta 32

Selecciona qué errores pueden provocar lo siguiente:

  • Guardar datos en otra variable.
  •  Realizar operaciones incorrectamente a pesar de que el compilador toma como correcta la sintaxis.
  • Devolver valores incorrectos a pesar de enviarse los correctos.
  • Ocasionar que la aplicación falle al no haber manejo de errores para determinadas situaciones.
  • Ocasionar que la aplicación se cicle o se congele al realizar demasiadas peticiones innecesarias.

Opciones:

  1. Errores de compilación.
  2. Errores de lógica.
  3. Errores de ejecución.
  4. Errores sintácticos.

Pregunta 33

Selecciona qué tipo de pruebas se utilizan para determinar si una aplicación requiere conectarse a una red o no.

Opciones:

  1. Usabilidad.
  2. Funcionalidad.
  3. Conectividad.
  4. Accesibilidad.

Pregunta 34

Elige las pruebas que se usan para determinar si el software cumple con lo solicitado.

Opciones:

  1. Funcionalidad.
  2. Conectividad.
  3. Accesibilidad.
  4. Usabilidad.

Pregunta 35

Elige cuáles son los errores que encuentras en configuraciones no realizadas en el entorno de desarrollo.

Opciones:

  1. Configuración del entorno.
  2. Errores de lógica.
  3. Errores de compilación.
  4. Errores de ejecución.

Pregunta 36

Selecciona qué debes utilizar para detectar cuando el usuario haga clic en el botón hacia atrás en tu aplicación.

Opciones:

  1. Onclick.
  2. BackHandler.
  3. ClickBack.
  4. BHnadler.

Pregunta 37

Selecciona qué elemento no puede faltar en tu archivo App.jsx para que se muestre correctamente la aplicación.

Opciones:

  1. funciones.
  2. imports.
  3. Export default NombreArchivo
  4. componentes.

Pregunta 38

Selecciona qué mostrará el siguiente código:

Alert.alert("Hold on!", "Are you sure you want to go back?")

Opciones:

  1. Un texto.
  2. Regresará a la página anterior.
  3. Dejará de ejecutarse el código.
  4. Una alerta.

Pregunta 39

Elige el evento que permite controlar la respuesta que dará tu aplicación ante alguna acción por parte del usuario.

Opciones:

  1. Contexto.
  2. Listener.
  3. Evento del teclado.
  4. Evento del mouse.

Pregunta 40

Elige cuál es la línea de código que te permite importar bibliotecas en React Native.

Opciones:

  1. import { Text, View, StyleSheet, BackHandler, Alert } from "react-native";
  2. const backHandler = BackHandler.addEventListener(
    "hardwareBackPress",
    backAction)
  3. Alert.alert("Hold on!", "Are you sure you want to go back?")
  4. import React, { useEffect } from "react";

La obra presentada es propiedad de ENSEÑANZA E INVESTIGACIÓN SUPERIOR A.C. (UNIVERSIDAD TECMILENIO), protegida por la Ley Federal de Derecho de Autor; la alteración o deformación de una obra, así como su reproducción, exhibición o ejecución pública sin el consentimiento de su autor y titular de los derechos correspondientes es constitutivo de un delito tipificado en la Ley Federal de Derechos de Autor, así como en las Leyes Internacionales de Derecho de Autor.

El uso de imágenes, fragmentos de videos, fragmentos de eventos culturales, programas y demás material que sea objeto de protección de los derechos de autor, es exclusivamente para fines educativos e informativos, y cualquier uso distinto como el lucro, reproducción, edición o modificación, será perseguido y sancionado por UNIVERSIDAD TECMILENIO.

Queda prohibido copiar, reproducir, distribuir, publicar, transmitir, difundir, o en cualquier modo explotar cualquier parte de esta obra sin la autorización previa por escrito de UNIVERSIDAD TECMILENIO. Sin embargo, usted podrá bajar material a su computadora personal para uso exclusivamente personal o educacional y no comercial limitado a una copia por página. No se podrá remover o alterar de la copia ninguna leyenda de Derechos de Autor o la que manifieste la autoría del material.