Async Await JavaScript ES7

[@TheRaghavboyz]

much 'awaited' video.

[@vickykumar-fb8td]

hi techsith, I would like to thank you with my whole heart. I have followed your video for my JavaScript knowledge and switched my job where i got unexpected 100% hike in my current salary. Your videos are so well explained that i can't explain i can only say that in my current team i have referred you video to many people and they are also loving ur series.

[@SandeepKumar-cx7cz]

Hi Vicky Bhai m javascript/react m job search Kar raha hu Agar apke Paas time ho to meri thodi help kar dijiye Kaise kya kitna karna h jisse interview nikal jayega Email is [e-mail]

[@vickykumar-fb8td]

@@SandeepKumar-cx7cz maine email kiya hai apna number kabhi bhi cal kro

[@SurajYadavSAIYAN-SRJ]

@@vickykumar-fb8td hello i know a friend of mine who is also looking for new job as its difficult to get a job a. fresher. can u please help ?

[@cjhnsn20]

Poor guy is never going back to the movies again

[@mriduldey3305]

lol

[@somystic100]

The best async await tutorial i have ever seen. Thank you!

[@rohitjoshi1003]

This guy has done mastery in making easy topics looks like most difficult thing ....

[@daniellund7663]

After watching quite a few tutorials on this subject, I can say that this is by far the best I've come across! Thank you!

[@Techsithtube]

I appreciate your awesome comment. Thanks for watching!

[@dansmar_2414]

I agree with you. This is gold

[@shabnamnaaz4676]

I have tried very hard to understand promises and async . this is a saviour . Thanks so much

[@prakharkhandelwal7513]

I really liked the idea of "movie queue" that you used to explain async/await. Great video.

[@Techsithtube]

Glad you liked it! I was thinking a best way to explain it and It seems , real life examples are best way to explain.

[@hassanali-yi4bu]

This is the best video i've seen on this topic. Even in 2021 this is the best!

[@danielczarnozynski3427]

Your tutorials are masterpieces! :D

[@Techsithtube]

Thanks for a nice comment Daniel.

[@LifeIsGood1992]

You can't have butter without popcorn , funny explanation , you just nailed it , thank you

[@Techsithtube]

Thanks for watching Wael :)

[@ИльяВеличко-ц5у]

You made this hard topic fewer easiest, because of your examples from real life, it's a big plus for you, that makes me watch your video and understand the topic of the video. Thank you for you :)

[@rubandharmaraj6094]

hi sir, one doubt in 11:55 in async function there is no any time delay then why its vonsole at last?

[@joelchacon9278]

You're my go-to-guy, thanks for the vid.

[@VinodKumar-vd9ou]

That's great explanation sir..keep it up!!!

[@vaideshshankar9899]

cleared all concepts at once...great

[@Techsithtube]

I am glad that was cleared. Keep on learning!

[@varletconstundefined]

very nice and simplified as usual good job my friend. although i think the ticket and the movie example is way to specific and realistic did it happen in real life :) ? keep up the good work

[@Techsithtube]

George, I has happened to me. I am assuming it has happened to lot of other people too and I am not alone in this one. :)

[@varletconstundefined]

@@Techsithtube of course it happened don't worry you're not alone 😂

[@cristhiancantillo4922]

You have one of the best youtube channels man... keep on

[@aalekhpradeep6968]

Example was great. And the way you explained it made the topic a lot clearer. Thank you Sir

[@בןסלומון-ז4כ]

i have seen many videos trying to explain Async Await(all of them just show a async func but never explain or show why ths func is Asynchronous when the await clearly blocks the code in there example) and this is the best one by far how the hell this dosent get more views ?

[@Techsithtube]

I am glad you think so. Keep on learning!

[@ShivSinghSengar7013]

hard for single, happy fellows, to understand!!!!!

[@amitbanerjee9516]

Thanks Very Much. I just like all your videos. Its self explanatory, very well explain. Thanks once again.

[@yuqin9912]

I like the cinema video example! Thank you.

[@saileshpatra2488]

You earned my respect from bottom of my heart.Thankyou so so much sir.Really impressed Thank You

[@Techsithtube]

THanks for watching Sailesh!

[@majicboca4784]

Thanks for your presentation. Very helpful. Much appreciated.

[@olawalemoses8958]

You're a good teacher brother. Kudos

[@katesugden8372]

Is this based on your real life experience? If so you deserve credit for your relationship skills as well as your teaching skills ;)

[@juancamiloq1]

Awesome videos sith

[@sundararajaneaswara6132]

Very nice presentation sir

[@thomashuynh6263]

Your videos are great! Thanks you.

[@rock_0075]

maybe a silly question but i cant get my head around, when you return the t you use inside the dollar sign( $ shows its a variable) but when you call the function down and console it you just use console.log(t) i mean just t rather ${t}

[@Techsithtube]

if you are using template string which mean someting like this `hi i am ${t}` this is where i am using doller sigh. but i I just want to print t I can simply use t.

[@innodjetinnodjet3121]

I have to say that this is so far the best tutorial on this subject...thanks a lot for sharing your knowledge with us....great video

[@akshay__sood]

Is asycn await just the syntactical sugar around Promises or are they different from each other in any manner? Please some one help me clarify this.

[@Techsithtube]

Akshay, async await is not syntactical sugar, it's an actual feature. Its an apple an orange comparison, though async await always returns a promise. Which means it uses promise.

[@akshay__sood]

@@Techsithtube but they actually do the same thing then what's the difference between them. Just the readability? How they are different from each other functionally? This is what I want to know.

[@VikramSingh-vy3jb]

wow . beautifully explained

[@hk_build]

awesome explanation as usual ..with practical example

[@bharathKumar-or6gd]

wow, excellent , feeling very very good even many developers doesn't know actual behind

[@Techsithtube]

Thanks Bharat, for watching!

[@smitsism]

Do you have one for Promise and do you have some practice questions?

[@OscarSanchez-hg5ux]

Thanks. I know these are didactic examples, but in a real life, does it make sense to use promises for loading user form, input data, and verify, because if you need to wait before continuing your process. For me it does not make sense to make those requests async.

[@Techsithtube]

for loading the data in the user form should not be a promise. and same goes for verifying the data. However, if you are loading the data from response from a rest api. you have to wait for the response to be returned so you need to use promise there.

[@TPOEWRITES]

Thank you !! This is the best video ever :)

[@novanoskillz4151]

Excuse me, please what font are you using in this video?? Thank you sir.

[@aakritigangwal7659]

Thanks for such a detailed explanation.

[@Techsithtube]

Thanks for watching Aakriti!

[@vivekvanga3588]

Thank you sir.. well explained..

[@sampa6722]

Genius channel 👍🏼

[@rushikeshrajput7970]

your example was good, easy to understand Promises, but it became very complicated to understand main point async/await

[@dhrubojyotidas7851]

Your stories are brilliant

[@abhijeetsupekar4534]

Well explained topic....

[@lgiorgos1]

I wanted to simulate a delay in the promises in the 1st example, buts setTimeout would only work in promiseWifeBringingTicks and not in the other promises. Why is that happening?

[@Techsithtube]

can you send me the code on how you are using the settimeout

[@lgiorgos1]

@@Techsithtube I don't have that code right now. But I can send you my own implementation here github.com/giorgoslytos/promises . It is the promises.js file. I managed to make it function the way that I wanted. And it is a little bit different in the structure and I think it's a little bit closer to reality because promiseWifeBringingTicks is called first, and then the rest are called from it.

[@IqbalAhmed-qk5ix]

Nice Explain Awesome thank u so much sir

[@felipealvarez7960]

Excellent video.. the example is great to explain the concept ! This man knows the struggle with women XD

[@bluefloyd8]

What plugin and IDE are you using that it autocorrects misspelled function/variable names?

[@varinder21011989]

thank you so much for all your videos. Respect for your work.

[@TheSatheeshmca]

Nice explanation 👌👍👍

[@varunsharma5045]

Well explained....as expected from you sir..

[@abhinavtyagi7233]

But what was the difference Both the methods are giving same results. So do we use it to code look little cleaner or do it have any other benefits? I thought that by using async await we can make code to wait and then execute.

[@Techsithtube]

Both, If you noticed, its waiting for things to finish before moving to the next statement. And that make your code look cleaner.

[@ahmedadeebarshadahmed3047]

Clear clean and neat

[@jithunniks]

Wow, you really put great effort into coming up with good examples to explain a topic

[@igorpavlenko411]

man u are awesome !

[@samaneh77]

Nice one, would you mind making the font size a bit smaller, I mean zoom out, because eyes cant see them all at once, hard to read/imagine the whole thing with this font size...

[@Techsithtube]

Nesae, i will keep that in mind for the next video. thanks for letting me know.

[@samaneh77]

@@Techsithtube Thanks heaps, thanks for the amazing videos, I always learn a lot :)

[@chetk8413]

Brilliant Tutorial thanks

[@DeepakKumarDeevakar]

Great example to understand 👌

[@Techsithtube]

Deepak , thanks for watching!

[@sureshgarine]

Thank you Sir. you explained very well.

[@abd11868]

Sir is it necessary to use promise??....i think we can handle this types of situation using if-else statement

[@Techsithtube]

Yes for anything asynchronous you cant simply use if else. it wont work .

[@parassahu0]

Simple and Clear .. It became very easier to understand with the "cinema ticket queue" example you took.

[@kps2642]

thanks a lot man , was just thinking about this

[@johnnguyen1655]

Very nice explaination, big thanks!

[@bhubanmalek4589]

that is very practical... thanx

[@zhoukon]

Thank you soooo much. You break down hard to understand concepts in the most simplest form. After I found your channel my understanding of JavaScript really improved. :)

[@rishikeshct4502]

Hi, nice explaination. But I didn't get what's the flaw in promise that async await can do? Even we can do the same using async await.

[@Techsithtube]

We are still using promises, it wont replace promies. async await just lets you wait. You dont want to use it everywhere. I use it in end-to-end testing.

[@rishikeshct4502]

techsith is it good way to handle error in try/catch? Can't we use something like .catch() function which is already been defined?

[@Techsithtube]

With async await try/catch is the only way. we cant use .catch() without using .then. since we are not using then. we have to ouse try/catch

[@dimitargetsov9690]

Thank You, Sir, Full respect and Best regards Dimitar

[@alanjb5791]

Fantastic explanation!

[@mailshijith]

You saved my time THANKS :)

[@tanmaydas]

I am confused about JavaScript's blocking behavior. Is JS really non-blocking? Consider the following example: alert('Foo'); console.log('Bar'); If you execute the above code, the second statement never gets executed until the first statement is executed, meaning that the program "waits" for you at line 1. Hence the execution is blocked for as long as the user doesn't close the alert dialog.

[@Techsithtube]

Tanmay, to answer your question , JavaScript is non-blocking if you use use the right things that are non-blocking. alert is on of those blocking things that was added long time ago before they consider javaScript non-blocking. unfortunately you can remove anything from javaScript once you add .

[@bapinmalakar3846]

Can u make a video on arrayBuffer and sharedBuffer

[@VideoNOLA]

Is the tl;dr here that "Async/Await *replaces* Promises?" I've watched so many videos trying to educate myself on the current state of the art (I last programmed JS under ES5, so never used any of these...), but they always mix the two constructs, and my head spins.

[@itcook5874]

A small doubt sir.. You mentioned async function will always returns promise. But when we run below code. console.log('Person1: shows Ticket'); console.log('Person2: shows Ticket'); const preMovie = async ()=> 'movie'; preMovie().then((m)=>{ console.log(m); }) ; console.log('Person4: shows Ticket'); console.log('Person5: shows Ticket'); we have not mentioned explicitly that we are returning promise. and also if we returning a promise how it is treating that promise is resolved by default. Thank you for great videos ...

[@Techsithtube]

Here your asyc function returns a promise because , when everything in that function get completed the promise is resolved. For that you don't have to explicitly return a promise.

[@The-Biker-Bites]

which texteditor you are using?

[@Techsithtube]

I am using JS fiddle.

[@jtvlogs6711]

im confusedddddd....i just need a simple answer, what is the point of async await if we already have promises? :(

[@Techsithtube]

Simple answer. if you want to block, you use async await. promises are non-blocking. Imaging if you write some end-to-end tests where you have to load the page , makesure its loaded before you click on the button and make sure it opens another page before you click on that page. all of this is very simple with async await since it blocks every execution.

[@mobidevtips4345]

Could you please explain how we should handle a scenario in which four promises being called and two of them got failed.

[@Techsithtube]

It all depends on how you want to handle the fails, if you care about the fails put them all in promise.all. if there is a dependency . you call one after another.

[@luanbk91]

The video is slowly but more importantly, it's so understandable and precise! Thank you.

[@christopherortega6257]

Thanks. Subbed and liked. Keep up the great work. :)

[@pradeephupare839]

This is very nice example I like it.. can you please explain observable with the same example?

[@sohamacharya9265]

Thank you very much man. You explained it with so much simplicity, it's just imprinted in my mind. Great job 👍

[@Techsithtube]

Soham, If its imprinted in your mind, my job is done. Thanks for watching!

[@nikhil849]

Thanks man. Great stuff.

[@mrXpert15]

Thank You so much, sir!!! So helpful!

[@dearrraed]

please what's the difference, why you didn't apply async await on promiseWifeBringingTicks to show us that the script wait the 3 seconds and then it continue the other executions ?

[@최은빈-z1q]

can somebody please explain where I need to put the word 'return'? because the first promise didn't need return whereas the rest of the promises did... I thought => includes 'return'

[@Techsithtube]

in the arrow functions you dont have to use return if you are returning a single line.

[@jaayaustin336]

than you sm, this really helped

[@acarvey]

Great tutorial! (:

[@abdullahimuse1691]

Txx a lot. Love your simple approach.

[@Techsithtube]

Thanks for watching! :)

[@eduardmart1237]

What does wivebrigingticks means?

[@Techsithtube]

it should have been wifeBringingTicks :)

[@geetube79]

Great video. Pretty explanatory both of how async / await works and more importantly, how annoying wives are.

[@Techsithtube]

lol I would not comment on the last part :)

[@sriramramapragada1611]

U doing really amazing job,I like all of us videos,especially javascript mock interviews, it helped a lot,thanks for ur videos

[@manas_singh]

you are gold 💛

[@xD-saleem]

magnificent video!!! THANK YOU SO MUCH !!!!

[@kalawatinarottam]

great example

[@AkhiVlogsandtalks]

How value of t is updated ?

[@jacksmith870]

Can you do a playlist on hooks and context api?

[@Techsithtube]

I already have a playlist on hooks. I dont have a video on context api yet but its coming soon.

[@jacksmith870]

Great. Looking forward to it

[@bounakhlamohamed9453]

really nice work. ty a lot.

[@Techsithtube]

Glad you liked it!

[@michaelboth8790]

Vefry helpful, thankyou.

[@kaiparado]

Thank you. very very good

[@GaneshKumar-fv2cg]

Excellent one. Thanks