Este fue mi solución:
Introducción al curso
Bienvenida al curso
Presentación proyecto
¿Qué es Material UI?
Preparación de entorno de desarrollo
Herramientas dentro de Material UI
Componentes simples
Componentes compuestos
Contenedores responsive
Material icons
Bonus
Construcción del proyecto
Análisis detallado del proyecto
Creando el contenedor y el text field
Colocando los estilos del buscador
Construyendo la lógica del buscador
Conectando nuestro proyecto a la API de GitHub
Conectando el buscador con la API
Creando el contenedor y trayendo la imagen de perfil del usuario
Trayendo la información principal del usuario
Trayendo la descripción del usuario
Creando el componente con las estadísticas del usuario
Mostrando la localización del usuario
Ajuste de estilos con SX a los componentes de descripción e información principal
Ajuste de estilos con SX al componente de descripción, PaperInformation y LocationInformation
Evaluación del proyecto
Despedida
Resumen del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 9
Preguntas 1
Este fue mi solución:
Yo no he leído comentarios de alguien con este problema, y es que cuando se busca un perfil que no
existe no ejecuta nada. La solución es simple, simplemente ejecutar en el if de la función gettingGirHub la función gettingGitHub de octopus.
if(userResponse.message === 'Not Found'){
console.log('Not Found')
const{ octocat } = localStorage;
setInputUser(octocat);
gettingUser('octocat');
} else{
setUserState(userResponse)
}
};```
No sé si de pronto me salté algo de la lógica porque nunca usé el state de [ notFound, setNotFound] = useState('false')
@Platzi Corregir por favor corregir pregunta:
¿Cuál es la sintaxis que sebe usarse para usar la prop sx?
La informacion viaja dentro de un objeto en forma de
{ key = value }
por ende el valué en este caso debe ser enviado en formato String, Mas concretamente:
{ key = “value” }
Por favor lean mi blog sobre creación de themes en MUI: https://platzi.com/tutoriales/3078-material-ui/17966-crear-themes-con-mui/
Les dejo mi proyecto para que lo tomen como referencia, utilice la gran mayoria de componente de MUI, es responsive, con Typescript y Redux.
https://zzzandyzzz.github.io/github-finder/
https://github.com/ZzzandyzzZ/github-finder
Espero les guste y espero sus comentarios !
**Mi solución **
https://github.com/sergiotechx/Platzi_githubprofilles
Usando:
Si no encuentra un usuario despliega el perfil de Dino Doe XD
Comparto mi proyecto final con los retos. Estuvo bien el curso; me hubiera gustado explorar más la parte de la personalización, como los Theme, clases, Component.root entre otras cosas difíciles de entender de esa documentación de MUI… XD. Ojala en el siguiente curso se explore todo eso al crear componentes.
Repo
https://github.com/KortexCode/Github-UsersApp
Deploy
https://kortexcode.github.io/Github-UsersApp/
Img App:
gente, aquí está el repositorio usando typescript con Vite Js
Repositorio
El resltado de mi proyecto con el modo responsivo y con la validacion de si no existe un usuario, muestra un mensaje de no encontrado ()
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?