Skip to content

Commit f9a4eaa

Browse files
authored
Update solution.md
1 parent 0adbb54 commit f9a4eaa

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

5-network/01-fetch/01-fetch-users/solution.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
Para obtener un usuario tenemos que ejecutar el siguiente código: `fetch('https://api.github.com/users/NOMBREUSUARIO')`.
2+
Para obtener un usuario tenemos que ejecutar el siguiente código: `fetch('https://api.github.com/users/USERNAME')`.
33

44
Si la respuesta contiene el status `200`, utilizamos el método `.json()` para leer el objeto JS.
55

@@ -8,11 +8,11 @@ Por el contrario, si el `fetch` falla o la respuesta no contiene un status 200,
88
Código:
99

1010
```js demo
11-
async function obtenerUsuarios(nombresUsuarios) {
11+
async function getUsers(names) {
1212
let jobs = [];
1313

14-
for(let nombre of nombresUsuarios) {
15-
let job = fetch(`https://api.github.com/users/${nombre}`).then(
14+
for(let name of names) {
15+
let job = fetch(`https://api.github.com/users/${name}`).then(
1616
successResponse => {
1717
if (successResponse.status != 200) {
1818
return null;
@@ -27,14 +27,14 @@ async function obtenerUsuarios(nombresUsuarios) {
2727
jobs.push(job);
2828
}
2929

30-
let resultados = await Promise.all(jobs);
30+
let results = await Promise.all(jobs);
3131

32-
return resultados;
32+
return results;
3333
}
3434
```
3535

3636
Nota: la función `.then` está directamente vinculada al `fetch`. Por lo tanto, cuando se obtiene la respuesta se procede a ejecutar la función `.json()` inmediatamente en lugar de esperar a las otras peticiones.
3737

38-
Si en su lugar utilizáramos `await Promise.all(nombres.map(nombre => fetch(...)))` y llamamos a la función `.json()` sobre los resultados, entonces esperaríamos a que todos las peticiones fetch completen antes de obtener una respuesta. Al agregar `.json()` directamente en cada `fetch`, nos aseguramos que las peticiones se procesen de manera independiente obteniendo una mejor respuesta en nuestra aplicación.
38+
Si en su lugar utilizáramos `await Promise.all(names.map(name => fetch(...)))` y llamamos a la función `.json()` sobre los resultados, entonces esperaríamos a que todos las peticiones fetch completen antes de obtener una respuesta. Al agregar `.json()` directamente en cada `fetch`, nos aseguramos que las peticiones se procesen de manera independiente obteniendo una mejor respuesta en nuestra aplicación.
3939

4040
Esto es un ejemplo de como la API de Promesas puede ser útil aunque mayormente se utilice `async/await`.

0 commit comments

Comments
 (0)