En este proyecto se irán realizando mejoras semanales para ir practicando el lenguaje.
-
Se debe crear un proyecto React con typescript y NPM.
-
Se debe subir al github personal con el nombre de hqb_react_review.
-
Se debe crear un componente llamado PerfilDesarrollador.
-
El componente debe recibir los siguientes parametros:
- Nombre (string)
- Edad (number)
- TienePantalla (boolean)
-
Dentro del componente se deben enumerar los valores de los parámetros, (salvo el TienePantalla, debe mostrar 'Tiene Pantalla' y 'No Tiene Pantalla').
-
Se debe limpiar el componente de App y poner el componente de PerfilDesarrollador en el componente de App (pasando como parametros los datos).
- Utilizar como plantilla el siguiente proyecto https://codepen.io/syahrizaldev/pen/ZEOOVwN.
- Referenciar los campos "Correo electrónico" y "Contraseña" del formulario.
- Al hacer click en el botón de acción "Login", realizar lo siguiente:
- Si el campo "Correo electrónico" se encuentra vacio, se debe realizar un focus al campo "Correo electrónico"
- Si el campo "Correo electrónico" cuenta con datos y el campo "Contraseña" se encuentra vacio, se debe realizar un focus al campo "Contraseña"
- Crear una función que contenga un método con Promise, que dé la oportunidad de adivinar un número generado de forma aleatoria.
- Crear un formulario que conste de un input de texto y un botón que ejecute la acción de enviar un parámetro a la función.
- En caso de adivinar el número, debe desplegar una alerta de felicitaciones.
- En caso de no adivinar debe desplegar una alerta que no adivinó.
- En caso de ingresar un texto, debe desplegar una alerta con un error “Debe ingresar solo números”.
- El tiempo de respuesta debe estar seteado en 5 segundos.