How do async generators and for await...of work, and when would you use them over Promise.all for paginated APIs, event streams, or rate-limited batch processing?

Imagine you have a magic cookie jar that gives you one cookie at a time, but sometimes it takes a while to bake the next one. Async generators are like that jar—they hand you cookies one by one as they're ready. The 'for await...of' loop is like patiently waiting for each cookie before asking for the next, so you never get overwhelmed.