Mejoras evaluación intermedia

[pixelmary]

Buen trabajo @IsabelOlivaresR !

Algunas pistas para acabarlo:

• [ ] Como sugerencia general, comprueba continuamente tu aplicación en Chrome y el terminal dónde arrancas la app con npm start. Si algo falla, hay que arreglarlo antes de continuar.
• [ ] Si utilizas SASS, recuerda instalarlo y grabarlo en el package.json con --save
• [x] En el componente del listado hay que recorrer el array de pokemons que le llega por props y pintar una tarjeta por cada uno.
• [x] Usa el estado de App.js para guardar los datos.
• [x] En App.js usa los datos guardados en el estado para pasárselos al componente PokeList.
• [x] Importa los datos en App.js y no en PokeList.js
• [ ] Termina de añadir los componentes finales: recuerda que PokeList suele contener la lista de elementos y Pokemon tendrá solo la tarjeta
• [x] Termina de añadir los elementos finales de la tarjeta de cada Pokemon: un div o article que la englobe (mira el error que tienes en consola) y una imagen para mostrar el Pokemon
• [ ] Termina de añadir los elementos finales de la tarjeta de cada Pokemon: los tipos tienen que ser una lista, no pueden ser h3 sueltos, recuerda que son elementos relacionados. Un OL o UL es lo suyo.
• [x] Utiliza el nombre del Pokemon para el Alt de la imagen
• [x] Mueve el li fuera del componente 'Pokemon', de esta manera Pokemon es un componente con una tarjeta que podemos usar en diferentes sitios y no solo dentro de un ul
• [x] Pinta los tipos con un ul y varios li
• [x] Añade un título a la página (Mi lista de Pokemons)
• [x] Usa el id de cada pokemon en el li para el key de react cuando mapeas y creas un listado de componentes
• [x] Elimina el código comentado, debuggers y consoles
• [x] Elimina la carpeta node_modules de GitHub.
• [x] Añade estilos (un archivo sass o css por componente)
• [ ] Usa propTypes para comprobar el tipo de dato de las props
• [x] Revisa los metadatos en index.html (lang, title...)
• [x] Limpia e indenta el código
• [x] Publica en Github Pages
• [x] Elimina archivos sin usar y sus referencias

Cuando tengas esto puedes:

1. Añadir un click a Pokemon que: marca o desmarca el pokemon como favorito en el array del estado de App.
2. Pasar este dato al componente Pokemon por props
3. Pintar Pokemon con otros estilos cuando por props nos llegue la info de que el pokemon es favorito

Si tienes cualquier duda, avisa!

Al turrón!!!

[pixelmary]

@IsabelOlivaresR recuérdame el Lunes que te comente una cosa del ejercicio que me has hecho una ensalada de ULs importante :-S

[IsabelOlivaresR]

@pixelmary no sé ni como me salió algo del ejercicio así que cualquier cosa habré hecho jajajaja pero vale me lo apunto y te lo recuerdo que además te quería preguntar una cosita también