Wow. I was stuck on something for hours and this video just cleared up everything for me. Very simple and straightforward with easy to understand examples, great video!
This video really cleared up problems I've been struggling with for a long time. I love how it cleans up my code. I am so tired of errors caused by long, complicated, multiple 'then' statements.
you probably dont care but if you are bored like me during the covid times then you can stream all the new movies on InstaFlixxer. Been streaming with my brother for the last few weeks :)
This was incredibly helpful! Thank you so much. I didn't realize that .json() requires an await as well, and I was pulling my hair out trying to figure out why I was getting a promise object instead of the data after using response.json(). Thanks again!
As always, clean code, really easy to understand! Content idea: What about headless browser tutorial (with something like puppeteer)? Keep up with the great work!
Great video! it truly helps! just one question. in the console you can see the fetched values, but in the end theres a text __proto__: Array (0) ...My qestion is, how does this affect the next code, that uses the data from the API? I am atm stuck with a code were I have this exact output, but the functions that requires the data from the API don't work.. I am just trying to check my error from all angles here. Many thanks!
Hi fantastic video but this will turn ur code to synchronous code, i.e., the code will block until the fetch completes and the code returns from the "await" which defeats the whole purpose of having promises. From clean-code perspective your code is elegant but from practicality point of view, the above code will have ur HTML document freeze and become un-responsive till the await returns. Your code will be much more useful if you use that async function inside the first "then". Just to be clear, your code will force the JS code to be executed in the main thread (the one that handles the page events which should never be frozen/blocked). Throwing "await" in the main JS thread, forces ur code to wait for the function to return i.e., the entire page will block until the function returns. Assume the async function takes 30 seconds to return, now the page is un-responsive for 30 seconds. citing the documentation from MDN: " can be put in front of any async promise-based function to pause your code on that line until the promise fulfills, then return the resulting value."
This is a good tutorial but what if I don't want to fetch onload? I want to do a fetch after a button is clicked. How do you add an eventlistener to that?
i dont know if you check your messages or not but there is something i have been stuck on from some time now and require some assistance about so please help me.. suppose we fetched an array of data using fetch api once and want to use the data in 10 different functions.i declare the array data on the top and then fetch data into it.. after that i try to use that data into other functions but the fetched data is not available in other functions..so i ask how can i do so without making each and every function async..
Very clear tutorial on the use of Async/Await with FetchApi. Thanks, Dom
{2021-12-28}, {2022-10-20}, {2023-08-24}
この動画で長い間悩んでいた問題が解決できました。コードがすっきりして、とても気に入っています。複雑で長い`then`ステートメントによるエラーに疲れていたので、本当に助かりました！
Wow. I was stuck on something for hours and this video just cleared up everything for me. Very simple and straightforward with easy to understand examples, great video!
Same here
@@beldylover x2
This video really cleared up problems I've been struggling with for a long time. I love how it cleans up my code. I am so tired of errors caused by long, complicated, multiple 'then' statements.
Stuck for 2 days and your video just solved it in 7 minutes. thank you so much.
That's the best video on the subject I've seen so far!
holy smokes, wish I gotten to this video years ago! so clear and concise! very nice!
that's what I wanted, no bullshit just straight up quality content.
That one-line async / await function blew my mind away.
you probably dont care but if you are bored like me during the covid times then you can stream all the new movies on InstaFlixxer. Been streaming with my brother for the last few weeks :)
@Jimmy Marcel yup, been using instaflixxer for since december myself :D
This was incredibly helpful! Thank you so much. I didn't realize that .json() requires an await as well, and I was pulling my hair out trying to figure out why I was getting a promise object instead of the data after using response.json(). Thanks again!
Also saved me quite a bit of time. Thank you !
Got some interviews coming, wish me luck!
Good luck
@@brothercaleb thank you! I am nervous af, cause I haven't been to an interview since forever...
Good luck mate!!
@@dcode-software thank you!
Did you crush it?
As always, clean code, really easy to understand!
Content idea: What about headless browser tutorial (with something like puppeteer)?
Keep up with the great work!
Cheers mate! And thank you for the suggestion ☺️
You just made my day, huge thanks !
Thank you! Great explanation. Makes code so clean and efficient.
This video helped me fix this problem i was stuck on, thank you
That's awesome!! Glad it helped
thankyuso muachh this content truly help me figure out my project prblem
You’re awesome man thank you
Clean explanation and makes it easy to do. Thanks
at 2:28 it's not really fair to say the await is 1 line while the fetch dot then is 3 lines because the await also requires the async function
Simple and to the point noice
THanks it worked like charm
great video, thanks
You are welcome!
Awesome explanation, thank you so much!
Awesome as always
Cheers mate!
Thank you.
Gracias, excelente explicación.
Thanks for the video. I'm quite familiar with GET method, and wonder if we need to use async/await for other methods too?
Thank you sir!
You are welcome!
Great video! it truly helps! just one question. in the console you can see the fetched values, but in the end theres a text __proto__: Array (0) ...My qestion is, how does this affect the next code, that uses the data from the API?
I am atm stuck with a code were I have this exact output, but the functions that requires the data from the API don't work.. I am just trying to check my error from all angles here. Many thanks!
Hi
fantastic video but this will turn ur code to synchronous code, i.e., the code will block until the fetch completes and the code returns from the "await" which defeats the whole purpose of having promises. From clean-code perspective your code is elegant but from practicality point of view, the above code will have ur HTML document freeze and become un-responsive till the await returns.
Your code will be much more useful if you use that async function inside the first "then".
Just to be clear, your code will force the JS code to be executed in the main thread (the one that handles the page events which should never be frozen/blocked). Throwing "await" in the main JS thread, forces ur code to wait for the function to return i.e., the entire page will block until the function returns. Assume the async function takes 30 seconds to return, now the page is un-responsive for 30 seconds.
citing the documentation from MDN:
" can be put in front of any async promise-based
function to pause your code on that line until the promise fulfills,
then return the resulting value."
If I type with arroz function is a same ?
This is a good tutorial but what if I don't want to fetch onload? I want to do a fetch after a button is clicked. How do you add an eventlistener to that?
i dont know if you check your messages or not but there is something i have been stuck on from some time now and require some assistance about so please help me.. suppose we fetched an array of data using fetch api once and want to use the data in 10 different functions.i declare the array data on the top and then fetch data into it.. after that i try to use that data into other functions but the fetched data is not available in other functions..so i ask how can i do so without making each and every function async..
I'm not sure why the document.addEventListener stuff is needed. Can anyone explain please?
what is theme name of vs code?
How about using unique variable names _ rather than overLoading the variable "users"?
Can you make a video on making put, post, delete requests using fetch api?
I've got videos on using POST with Fetch, but will consider the others 🙂 thanks
what is theme? tell me please)
It's my theme, called "dcode"
@@dcode-software oh , thanks , you're theme very cool! I like it
2022 🤟
Code is not looking clear
ur guide is good but no one show a way to charge large data, u only show how charge 2 records and it dont work at real world