Fetch API with Async/Await (GET, POST, PUT, DELETE)

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 25

  • @princeoguru446
    @princeoguru446 Рік тому +6

    This is the best content available on the internet rn. I have searched several youtube channels but finally found a reason to smile

  • @AlbrechtJ
    @AlbrechtJ 2 роки тому +11

    Wow, this guy is a good teacher. Very clear explanation.

  • @PegeCovers
    @PegeCovers 28 днів тому +1

    One of the best teachers on this cursed platform.

  • @Coding-ls7ys
    @Coding-ls7ys 6 місяців тому +1

    Thank you so much for your explanation! I was searching for a particular video that could cover a lof of ground on api and I found it. Your explanation is clear and precise and doesn't make any problems to understand comparing to the content in my native language

  • @ulugbektoshmatov3433
    @ulugbektoshmatov3433 9 місяців тому +1

    Tutorials by You and Net Ninja are just at another level🙌

  • @archangel4894
    @archangel4894 2 роки тому +1

    Hey dude, I just want you to know that your video helps me to understand better how to manipulate data from API. Thank You!

  • @Jupiter5001
    @Jupiter5001 Рік тому +1

    Best video explains Async/Await

  • @leythecg
    @leythecg 2 роки тому +2

    very well explained and presented! Thanks very much!

  • @erickgarciacosta
    @erickgarciacosta Рік тому +1

    Thank you for this amazing content! Helped me a lot and it was the best I found on internet!

  • @ludwigvillalba1886
    @ludwigvillalba1886 Рік тому +1

    Well explained!

  • @ByteGrad
    @ByteGrad  2 роки тому +1

    Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
    Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

  • @prasad_yt
    @prasad_yt Рік тому

    Excellent explanation... that is teaching ❤

  • @codecobber1107
    @codecobber1107 2 роки тому +1

    Absolutely brilliant. Thank you

  • @basmong
    @basmong Рік тому

    How to switch to another page properly? It shows that "total_pages: 2" within the data object.

  • @Khiladi-Kisse
    @Khiladi-Kisse Рік тому

    where can i get the source code you used in this video my good sir?

  • @bitcollector6285
    @bitcollector6285 Рік тому

    Thanks for the video! Very useful!
    I have a few questions:
    @ 3:29 line 6
    1) is this return statement mandatory/necessary?
    2) How can we use this return statement? I'm trying to store the json data retrieved by fetch like this:
    let words = fetch('words.json').then(res => {return res.json()})... or return the data in the next then() block but instead of the the array i'm expecting to get i'm getting a promise object. Of course i can declare a global array var and assign the res.json() to it... but i thought all these new features could somehow eliminate the use of global vars.
    Any ideas please?

    • @ByteGrad
      @ByteGrad  Рік тому +1

      1) Yes, res.json() alone gives us a promise. We should return that promise.
      2) I'm not sure what you mean exactly. After returning the promise in the first .then() block we get the value with which that promise resolves in the second .then() block.

    • @bitcollector6285
      @bitcollector6285 Рік тому

      @@ByteGrad Thanks for the reply
      2) What I mean... ie fs.readdir comes in 2 flavors, one sync one async. If i want to use the array returned by the function at a later time I can use the sync version.
      Is there anything similar in fetch as well? ie something like
      var mydata = fetch("blah').then(another blah).then(...);
      Or the only way to store this data is something like:
      var mydata;
      fetch("blah').then(another blah).then(data=>{ mydata = data;} );
      The 2nd way works for me but it doesn't look very... elegant !

    • @ByteGrad
      @ByteGrad  Рік тому +1

      @@bitcollector6285 Second way is how it would work, yes. Check out my async/await with fetch video, that syntax is more elegant. Or just go straight to my Professional JavaScript course to see how it works with realistic projects

    • @bitcollector6285
      @bitcollector6285 Рік тому

      @@ByteGrad Thank you!

  • @Abbos_700
    @Abbos_700 11 місяців тому +1

    thank you

  • @mretineh1172
    @mretineh1172 2 роки тому +1

    Thanks for this

  • @cescr3821
    @cescr3821 2 роки тому +1

    thank you love ♥

  • @vincenzocristiano135
    @vincenzocristiano135 2 роки тому +1

    thank you Sir

  • @anurajms
    @anurajms 2 роки тому +1

    thank you