Este proyecto contiene un listado de personajes de Rick and Morty usando la API pública de GraphQL de Rick and Morty.
Empezando de un proyecto base creado a partir de create-react-app con TypeScript, le agregaremos un componente con styled-components para cada tarjeta y obtendremos los datos de la API generando todos los tipos de TypeScript, las consultas y los hooks de React con un generador de código. Sí, nada de promesas, nada de axios ni de fetch.
En este mockup de Figma vas a encontrar las especificacione para las tarjetas de cada personaje y los espaciados para el listado.
Si este proyecto te gustó, agregale una estrella con el botón que figura en el header del proyecto.
En el canal de @medellinjs transmití en vivo un tutorial para construir esta aplicación paso a paso.
Podés verlo acá o haciendo click en la imagen:
https://www.youtube.com/watch?v=MMYUiR6zNY8
npm install
npm run update:graphql
npm start
Este proyecto contiene varios branches que podés navegar clickeando la tecla W en la home del proyecto. En master encontrarás el resultado final.
Para seguir paso a paso te recomiendo empezar en el branch medelinjs-1.
En los Pull Requests de este proyecto encontrarás cada paso para que puedas ver las instrucciones de cada uno y los cambios que se hacen en cada paso exactamente.
Mi nombre es Sacha Lifszyc, soy argentino y tengo 30 años. Soy ingeniero en sistemas de la UTN FRBA, actualmente trabajo hace +1 año como Senior Front-End Developer en Toptal, la empresa de talentos en tecnología más grande del mundo. Además tengo un canal de YouTube que hago desde la cocina de mi casa: La Cocina del Código.