NEW
Font size
WorksheetsReactJS Mastery Plus Mega Premium
Total questions: 25
Worksheet time: 25mins
Hook que me ayuda a obtener el valor de un input:
onSubmit
useRef
handleSubmit
useSubmit
¿Qué son los Componentes de React?
Los Componentes de React son elementos de diseño gráfico
Los Componentes de React son funciones matemáticas
Los Componentes de React son bloques de construcción reutilizables que permiten crear interfaces de usuario.
Los Componentes de React son archivos de audio
¿Cuál es la diferencia entre Estado y Props en React?
Estado se utiliza en componentes funcionales y Props en componentes de clase en React.
Estado y Props son sinónimos en React.
Estado es externo y no puede cambiar, Props son datos pasados de hijo a padre.
Estado es interno y puede cambiar, Props son datos pasados de padre a hijo.
Hook que me permite acceder a los parámetros de una ruta:
useParams
usePath
useParameters
useRoute
Etapas del Ciclo de Vida de un componente en React.
-Montaje (Nacimiento).
-Actualización.
-Desmontaje (Muerte).
-Creación (Construcción).
-Actualización.
-Destrucción.
-Primer Actualización.
-Segunda Actualización.
-Tercera Actualización
-Nacimiento.
-Crecimiento.
-Reproducción.
-Muerte.
¿Son Hooks de React?
useReducer, useForm
useFetch, useComponent
useRouter, useDispatch
useState, useEffect
¿Cómo se realiza el ruteo en React?
Creando un archivo de configuración JSON con las rutas y componentes asociados.
Usando CSS para definir las rutas y estilos de los componentes.
Utilizando bibliotecas como React Router para definir rutas y renderizar componentes.
Mediante el uso de Redux para gestionar el estado de la aplicación.
¿Qué son los Hooks?
Son JSX
Son funciones
Son callbacks
Son componentes
¿Qué son los Props en React y cómo se pasan?
Los Props en React son funciones que se utilizan para modificar el estado de un componente. Se pasan mediante una llamada a una API externa.
Los Props en React son elementos visuales predefinidos que se pueden insertar en un componente. Se pasan arrastrándolos y soltándolos en el editor de código.
Los Props en React son objetos que contienen datos que pueden ser pasados de un componente padre a un componente hijo. Se pasan como atributos al componente hijo al ser invocado en el componente padre.
Los Props en React son variables globales que pueden ser accedidas desde cualquier componente. Se pasan a través de un archivo de configuración especial.
Explique el concepto de Estado en React y cómo se actualiza.
El Estado en React se modifica directamente sin utilizar ningún método específico.
El Estado en React se actualiza automáticamente sin necesidad de intervención del desarrollador.
El Estado en React es un valor fijo que no puede cambiar.
El Estado en React es un objeto que representa cómo debería lucir un componente en un momento dado y se actualiza utilizando el método setState().
¿Para qué sirve el arreglo de dependencias de useEffect?
Para guardar diferentes componentes.
Para enlistar elementos.
Siempre debe ir vacio para ejecutar la callback.
Para observar, es crucial para controlar cuándo y por qué se ejecuta el efecto.
Hook con el que puedo ejecutar mis actions:
useDistpach
useDispatches
useDispatch
useDispatcher
¿Qué es lo que va en la propiedad reducers de un slice?
Los componentes que se van a renderizar en ese slice
Los estados que se van a actualizar cuando se ejecuten
Las actions de mi slice
Los hooks de mi slice
¿Qué es el Hook useState en React y cómo se utiliza?
El Hook useState en React es una herramienta para gestionar rutas en la aplicación.
El Hook useState en React es un Hook que te permite añadir estado a componentes funcionales. Se utiliza importando 'useState' desde 'react' y luego llamando a esta función dentro del componente para inicializar el estado y obtener el valor actual del estado junto con una función para actualizarlo.
El Hook useState en React es una librería externa que no se utiliza en la actualidad.
El Hook useState en React es una función para renderizar componentes de clase.
¿Qué necesito para hacer la configuración de un estado global con Redux?
La store, un contexto y useEffect.
La store, los slices y los hooks.
La store, un dispatch y useReducer.
La store, mínimo un slice y un provider (contexto).
¿Qué props tiene un componente Route y para qué es cada uno?
path: Es donde se define la ruta, element: Es el componente que se va a renderizar en esta ruta
path: Es el nombre de la ruta, component: Es el componente que se va a renderizar en la ruta
path: Es el inicio de la ruta, debe llevar siempre https, element: Es una callback
path: Es la terminación d ela ruta, casi siempre es .com, element: Es Html
¿Cómo se manejan los eventos en React?
Los eventos en React se manejan utilizando props especiales que son funciones que se ejecutan cuando ocurre un evento específico, como 'onClick' para un clic de ratón.
Los eventos en React se manejan mediante la creación de clases especiales para cada tipo de evento.
Los eventos en React se manejan a través de un sistema de suscripción a eventos externos.
Los eventos en React se manejan utilizando métodos globales predefinidos en la biblioteca.
¿Qué devuelve el Hook useForm?
Una callback
Un array
Una función
Un objeto
¿Qué es el ruteo dinámico en React y cómo se implementa?
El ruteo dinámico en React se implementa utilizando bibliotecas de enrutamiento como React Router, donde se definen rutas y se asignan componentes a esas rutas para renderizar dinámicamente según la URL actual.
El ruteo dinámico en React implica la creación manual de URL estáticas para cada componente renderizado.
El ruteo dinámico en React se logra mediante el uso de animaciones CSS para cambiar entre diferentes componentes.
El ruteo dinámico en React se basa en la utilización de funciones de temporización para cambiar entre diferentes vistas.
Características de los componentes:
Son callbacks, se ejecutan y retornan jsx
Se escriben con CamelCase, son funciones flecha y retornan JSX
Se escriben con PascalCase, son funciones (functional components) y retornan JSX
Se escriben con snakeCase, son funciones fábrica y retornan métodos.
¿Cómo defino una ruta con parámetros?
<Route params='/products/:id' element{<Products/>} />
<Route path='/products/:id' element{<Products/>} />
<Route useParams='/products/:id' element{<Products/>} />
<Route path='/products/=id' element{<Products/>} />
¿Qué son las actions?
Son callbacks que tienen dos parámetros, el primero representa el estado y el segundo el cambio de estado.
Son funciones con tres parámetros, el primero es el valor actual del estado, el segundo un objeto y el tercero es el payload.
Son funciones con dos parámetros, el primero es el valor actual del estado y el segundo es un objeto, donde nos interesa la propiedad payload.
Son funciones con dos parámetros, el primero es un objeto donde nos interesa la propiedad payload y el segundo el valor actual del estado.
¿Cuál es la diferencia entre <Link> y <Navigate>?
<Link> se usa para redirecciones automáticas basadas en condiciones, mientras que <Navigate> se usa para enlaces que los usuarios pueden hacer clic.
<Link> se usa sólo en etiquetas nav, mientras que <Navigate> se usa en cualquier otra etiqueta.
<Link> va en la parte lógica, mientras que <Navigate> va en el JSX.
<Link> se usa para enlaces que los usuarios pueden hacer clic, mientras que <Navigate> se usa para redirecciones automáticas basadas en condiciones.
Hook con el que puedo acceder al valor actual de mi estado global:
useSelection
useSelector
useState
useDispatcher
¿Qué tipo de archivo y con qué nomenclatura se crea un CustomHook?
JS y PascalCase
JSX y CamelCase
JS y CamelCase
JSX y PascalCase
