Si te parecio divertida la pokedex, ¡enhorabuena! vamos a volver a utilziarla.
Vamos a seguir utilizando el json
de pokemon
Veremos una estructura un poco distinta y en esta ocasion, trabajaran tanto en el archivo App.jsx
y Pokedex.jsx
.
App.jsx:
- El proyecto cuenta con un
json
pero deberan utilizar el ciclo de vida para hacer llamado al mismo y traer los 50 primeros pokemons. - Se les brindara los estados necesarios para trabajar, dependera de ustedes como deberan modificar los valores
Pokedex.jsx:
- Deberan hacer una funcion que me filtre los pokemons y otra para resetear la lista. Deberan utilizar eventos
- Ya tendran un estado para guiarse.
- Tambien deberan obtener los datos del pokemon
- Al principio solamente veras un pokemon en la pokedex sin el listado, con un input y un boton que no funcionan. Te recomiendo que cuando trabajes con datos que pueden llegar o no, utilices un loader
- Al manejar apis, es dificil saber como nos llega la data, comprueben que es lo que les llega y que necesitan
- Los unicos datos que debera tener el pokemon son: nombre, id y sus types
- Los unicos datos que debera tener los pokemons son: nombre y su respectiva url
Relizar primero npm install
Relizar segundo npm start
En caso de que el proyecto no poder hacer npm install
, actualizar a las versiones:
NPM 7.19.1
o superior
NODE 16.5.0
o superior.