No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Peticiones asíncronas

12/22
Recursos

Aportes 9

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Adjunto mi respuesta

Adjunto mi respuesta ingresando todos los datos y haciendo uso del método join

Promise.all()



Es un metodo estatico de la clase Promise que toma como input un array de promesas y devuelve como resultado un array con los resultados de las promesas resueltas en el orden en que fueron agregadas en el input.

Devuelve los resultados una vez todas las promesas sean resueltas. Si una de ellas falla el Promise.all rechazara la operación.

Este ejemplo lo saque del confiable MDN Web Docs, por lo que si quieres una explicación más a fondo ve para alla:

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values);
});
// expected output: Array [3, 42, "foo"]

Adjunto el ejercicio incluidas las habilidades de cada pokemon, como buena practica, es recomendable separar la lógica (reduce, maps, condicionales) de las vistas jsx en archivos separados comúnmente llamados customHooks

https://github.com/fsiatama/pokedux/tree/feature/redux-devtools

Hice esto pero con los tipos de pokemones:

archivo PokemonList.jsx
Hice una función q hace un map por cada abilities, retorna las habilidades separadas por un guion

const pokemonsAbilities = abilities.map(ability => ability.ability.name);
  // utilizando ListFormat
  const formatAbilities = new Intl.ListFormat('es').format(pokemonsAbilities);
  // como estamos indicando el idioma en español('es') aparece
  // la conjunción "y", si fuera inglés aparecería "and"
  // output por cada pokemon(pidgeot) => keen-eye, tangled-feet y big-pecks
  // output por cada pokemon(pidgeot) => keen-eye, tangled-feet, and big-pecks
<Meta description={formatAbilities} />

archivo PokemonList.jsx
pase las habilidades como props

archivo PokemonCard.jsx
Hice un map por cada habilidad dentro de abilities

asi me quedo finalmente, para poner la description, me ayude con el codigo de Fabian, porque no sabia como llegar hasta las abilidades por la parte del codigo