Font size
WorksheetsReact desde 0 a context
Total questions: 36
Worksheet time: 24mins
¿Qué es React?
Un lenguaje de programación
Un framework de backend
Una librería de JavaScript
Un motor de base de datos
¿Quién desarrolló React?
Microsoft
Amazon
¿Cuál es la principal ventaja de usar React?
Hace más lento el sitio
Genera automáticamente bases de datos
Facilita la creación de interfaces de usuario
Reemplaza completamente HTML y CSS
Función que retorna HTML y su nombre empieza en Mayúscula
(a)
¿Cómo se nombra un componente en React?
nombre_componente
nombreComponente
NombreComponente
nombre-componente
¿Qué devuelve un componente React?
Texto plano
JSON
JSX
XML
Parámetros que se pasan a los componentes
(a)
¿Cómo se PASAN las props a un componente?
Usando etiquetas meta
Como argumentos en una función
Como atributos en JSX
Dentro de CSS
Para acceder al prop "nombre" se debe escribir
(a)
¿Las props son mutables?
Si
No
¿Qué pasa si no se envía una prop esperada?
React da error
Se genera un warning
El valor es undefined
Se reinicia el estado
¿Cómo se aplican estilos en línea en React?
En una etiqueta <style>
En archivos XML
Usando un objeto de JavaScript
Con className=style
¿Qué propiedad se usa en JSX para definir una clase CSS?
(a)
¿Cómo se llama el estilo en línea en React?
kebab-case
snake_case
camelCase
PascalCase
¿Cuál es el formato correcto de un estilo en línea?
{color: "red"}
"color: red;"
style: color:red
CSS: red
¿Qué hook se usa para manejar estado en componentes funcionales?
(a)
¿Qué retorna useState()?
Un solo valor
Una cadena
Un array con valor y función
Un objeto global
¿Cómo se cambia el estado de "nombre" si proviene de un useState?
nombre = valor
nombre(valor)
setNombre = valor
setNombre(valor)
nombre.setNombre(valor)
Hook que maneja efectos secundarios
(a)
¿Cuándo se ejecuta useEffect?
Solo al hacer clic
Solo al renderizar
Después del renderizado
Nunca automáticamente
Cuantas veces se ejecuta useEffect si le pasamos un Array vacío como segundo argumento
1
0
2
Siempre
Hook que crea una referencia mutable
(a)
¿Para qué se usa ref.current?
Cambiar el estado
Leer el valor actual de la referencia
Definir JSX
Guardar datos en caché
¿Cómo se usa una ref en un input?
ref={valor}
ref="input"
ref={miRef}
useRef="input"
Hook para manejar estado con lógica compleja
(a)
¿Qué parámetros acepta useReducer?
Solo una función
Solo un estado inicial
Una función reductora y un estado inicial
props y ref
¿Qué retorna useReducer?
Un objeto
Un array con el estado y dispatch
Solo el estado
Solo funciones
¿Dónde se define la función reducer?
En el archivo JSON
Dentro del JSX
Dentro o fuera del componente
En el CSS
¿Qué es React Context?
Un hook
Un componente de UI
Una forma de pasar datos globalmente
Un sistema de estilos
¿Qué permite Context?
Evitar el uso de props en todos los niveles
Crear nuevos estilos
Usar HTML puro
Evitar el uso de props en un nivel
¿Qué componente se usa para ENVOLVER o proporcionar un contexto llamado foodContext?
(a)
¿Qué hook se usa para consumir un contexto?
(a)
¿Cómo se define un nuevo contexto?
(a)
¿Qué se pasa al value del Provider?
Solo strings
Una función
Cualquier dato o estado que queramos compartir
Solo booleanos
¿Cuál es el objetivo de useContext?
Crear efectos
Establecer estilos
Acceder al valor del contexto
Generar nuevos componentes
¿Se puede usar useContext fuera del Provider?
Sí, sin problemas
No, dará undefined
Solo en componentes de clase
Solo en funciones puras
