callback

fetch/ asyn

Promise

1. function getFromGitHub() {
2.   const userName = 'dupontdenis';
3.   const url = 'https://api.github.com/users';
4. 
   
5.   fetch(`${url}/${userName}/repos`)
6.     .then(reposResponse => {
7.       return reposResponse.json();
8.     })
9.     .then(userRepos => {
10.       console.log(userRepos[0].owner.avatar_url)
11.       document.body.insertAdjacentHTML('afterbegin',`<img src=${userRepos[0].owner.avatar_url}>`)
12.     })
13.     .catch(err => {
14.       console.log(err);
15.     });
16. }
17. 
    
18. getFromGitHub();

Avec sync

1. async function getFromGitHub() {
2.   try {
3.     const userName = 'dupontdenis';
4.     const url = 'https://api.github.com/users';
5.     const reposResponse = await fetch(`${url}/${userName}/repos`);
6.     const userRepos = await reposResponse.json();
7. 
   
8.           document.body.insertAdjacentHTML('afterbegin',`<img src=${userRepos[0].owner.avatar_url}>`)
9. 
   
10.   } catch (error) {
11.     console.log(error);
12.   }
13. }
14. 
    
15. 
    
16. getFromGitHub();

DIFF entre npm yarn

 https://classic.yarnpkg.com/en/docs/migrating-from-npm#toc-cli-commands-comparison