Promises verlaufen asynchron. Das bedeutet, dass für jede Promise (bzw. jedes await, das auf eine Promise wartet) etwas gewartet werden muss.
In Ticket #25 (Fetchen der PokeAPI Daten) schicken wir eine Menge Requests ab. Mehrere hundert genau genommen. Für jedes Pokémon eins.
Das führt dazu, dass die Seite sehr lange braucht um zu laden, und ist so natürlich nicht benutzerfreundlich.
Zum Glück gibt es die Funktion Promise.all().
Mit dieser Funktion lassen sich Promises parallel ausführen und awaiten.
Schaue gerne einmal in die Docs. Besonders der Teil Using Promise.all() with async functions dürfte letztendlich interessant sein.
Du wirst in den Beispielen über syntaktische Neuheiten stolpern. Zögere nicht dazu nachzufragen, wenn du etwas nicht verstehst.
Akzeptanzkriterien
[x] Alle Pokémon Requests werden parallel ausgeführt
Promises verlaufen asynchron. Das bedeutet, dass für jede Promise (bzw. jedes
await, das auf eine Promise wartet) etwas gewartet werden muss.In Ticket #25 (Fetchen der PokeAPI Daten) schicken wir eine Menge Requests ab. Mehrere hundert genau genommen. Für jedes Pokémon eins. Das führt dazu, dass die Seite sehr lange braucht um zu laden, und ist so natürlich nicht benutzerfreundlich.
Zum Glück gibt es die Funktion
Promise.all(). Mit dieser Funktion lassen sich Promises parallel ausführen und awaiten. Schaue gerne einmal in die Docs. Besonders der Teil Using Promise.all() with async functions dürfte letztendlich interessant sein.Du wirst in den Beispielen über syntaktische Neuheiten stolpern. Zögere nicht dazu nachzufragen, wenn du etwas nicht verstehst.
Akzeptanzkriterien