Adjunto mi respuesta
Conceptos claves para empezar
¿Ya tomaste el Curso Básico de Redux?
Conceptos claves de Redux
Ciclo de vida de Redux
Diferencias entre Redux y Context
Introducción a nuestro proyecto
Creemos una Pokedux
Iniciando nuestro proyecto
¡Atraparlos ya!
Introducción a PokeAPI
React.js + Redux
Integrando Redux
Hooks vs. Connect
Redux DevTools
Middlewares
Middlewares
Peticiones asíncronas
Redux Thunk
Middlewares alternativos: Redux Saga
Avanzando la ui
Agreguemos un loader
Agreguemos favoritos
Inmutabilidad
¿Qué es inmutabilidad?
Agregando Inmutabilidad a nuestra Pokedux
Avanzado
Cuándo usar reducers combinados
Redux Toolkit: creando nuestro primer Slice
Redux Toolkit: createAsyncThunk
Despedida del curso
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 9
Preguntas 0
Adjunto mi respuesta
Adjunto mi respuesta ingresando todos los datos y haciendo uso del método join
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
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.