Esta es la prueba de evaluación intermedia del módulo 3 de Ana Apezteguía Martínez en Adalab.
Este ejercicio está realizado con la librería React.js, especializada en crear interfaces de usuario componentizadas, concretamente usando create-react-app, un generador que automaliza la instalación de React y Babel, transforma el código ES6 en ES5 y preconfigura un proyecto.
Evalúa los conocimientos adquiridos React JS a lo largo del módulo, como pueden ser: crear una adecuada estructura de ficheros, integración de Sass, correcto uso de JSX, componentes de clase, componentes funcionales, correcto uso de props, pintar listados, uso de children, fragments, default props y propTypes, eventos, estados y React hooks.
El ejercicio consiste en desarrollar una página web sencilla con React. La web consiste en un listado de pokemon, con una tarjeta para cada uno con información relevante, como el nombre, tipos y una imagen.
- Plantear en papel la estructura de componentes para la web.
- Crear una nueva aplicación React.
- Pintar 1 tarjeta, recogiendo la información de las props.
- Pintar todas las tarjetas.
- Además de crear el componente App debemos crear dos componentes, PokeList y Pokemon, respectivamente para el listado y para la card de cada Pokemon.
- BONUS: ajustar la maquetación al diseño.
2 horas.
© Ana Apezteguía Martínez.