How to use Generator Functions in JavaScript - Tutorial

In this video I'll be teaching you guys how to use Generator Functions in JavaScript and demonstrating how they can be one of the most powerful tools to add to your JavaScript skill set.
To summarize, Generator Functions allow you to pause the execution of a function while maintaining any variables you may have set within the function - these traits can make them super powerful in many scenarios.
Support me on Patreon:
/ dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
For your reference, check this out:
developer.mozilla.org/en-US/d...
Follow me on Twitter @dcodeyt!
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#javascript #webdev #code

[@yangyangcui9150]

Thank you. This is the best explain Generator javascript video in YouTuBe.

[@dcode-software]

No probs mate and thank you!

[@elielhdz2503]

I really liked the order in which you presented the examples and how clearly you articulated the concept. Thank you for your time and effort in putting this video together, brother!

[@markbordelon1601]

As previously commented, this is the best explanation of Generator Functions on the web. Congrats! What can you do with promises, async and await? Already done?

[@dcode-software]

Hey thanks! Yes, I've got videos on those topics on my channel

[@ozzyfromspace]

It’s really cool how you can “take your time” performing an expensive synchronous operation without actually blocking the JS event loop, kinda like the while loop example from earlier. It’s like generators walk that fine line between sync and async functions. Very neat stuff!

[@Imaver]

Awesome explanation! Thank you very much for super detailed and clear way of describing it! You have really high level of simplifying complex things - just awesome!

[@dcode-software]

Awesome, thank you!

[@preetamvarun9219]

Thanks for the great video on generator functions in JavaScript! Your explanations were clear and easy to follow, and your examples were really helpful in understanding how generator functions work.

[@vinit.khandelwal]

This is Gold. Need more like this

[@vladislavamarkova8379]

So good explanation! Thank you very much! It was really helpful and interesting!

[@Ctrl_Alt_Elite]

Thanks so much, you're a ⭐ what an amazing explanation! You made it so easy to understand how Generator Functions work, and I only had to watch it once lol 😀 Legend

[@arthur8888ab]

Thank you! Very well explained.

[@joseidarraga1588]

Great video! First video with such simple and detailed explanation of this topic

[@dcode-software]

Mate you're welcome

[@SanderBruggeman]

Very good explanation, thank you! Just couldn't get my head wrapped around why generators could actually be useful, but this gives me a better idea! Although it's probably out of the scope of this video, it would be nice if you made a copy of the passed array in the last example instead of a reference to it, because now you're mutating (emptying) the array that is passed outside of the function, which is probably not wat you want ever!

[@asokthegreat7781]

Thanks for the great explanation

[@anasaljawa858]

good explanation, thank you!

[@Kawaiiization]

Very well done! Thanks mate!

[@dcode-software]

No worries, mate!

[@rakeshchoudhary7298]

Thanks bro.. You deserve to have more subscribers

[@dcode-software]

No worries :) and thank you, one day hopefully!

[@nickeax]

Thanks for a great explanation of Dave Grohl's favorite part of ES6.

[@webdevclimb7542]

Thank you!

[@joseignaciocarbone6218]

Awesome!

[@dgroh]

Very good explanation, thanks. The unique function actually does not return unique names, you are just removing elements fro the array and making it randomly?

[@RachitMalvi]

Thanks dcode :)

[@dcode-software]

No worries mate

[@jinge8943]

Good explanation. You copied the parameter array into the array available which means has the same memory. So argument array inputed will be empty after executing for loop.

[@ilirbajrami2902]

How do we use return inside the while loop after the yield? i want to display all the input fields after iterating through them.

[@JustGamingJG]

does using generator function with for of loop consumes less memory than simple for loop?

[@GamingMasterYT]

What VS Code theme is that?

[@jamesmassa1999]

Hey Dom, when you have useful stuff like this, if it isn't to much trouble could you let me know. : ) Thanks. Good Stuff!!

[@HoangHuy-nq1if]

gd job

[@theskydeath]

Which keyboard do you use?

[@utkarshkukreti239]

Soundy keyboard

[@brads215]

Hi Dominic! I love your videos, including this one. However, I am not able to get my puny little brain to imagine what this will be used for (an example of a use case). I will probably be surprised by that before the video is done. I wrote this at 7:30....

[@noherczeg]

In the last example you are copy-ing by reference, therefore mutating the input it self. Video is nice, although I'd have appreciated different examples, because all of these can be done with plain classes.

[@eduardohernandez552]

After some time I just discovered this. I guess you were looking for this comment lol

[@ratasobreviviendoenlascloa4847]

Lo bueno es que se ingles XD.

[@saitcihangiraldemir5214]

You are not a good tutor. You are repeating yourself constantly and not showing much at all. I watched it at 1.75 speed to actually not waste my time and it was still 10 minutes too long

[@lu-vuongle4532]

Awesome!

[@dcode-software]

You know it mate