JavaScript Visualized - Promise Execution

Показать описание

Learn about the inner workings of Promises in JavaScript and see how they enable non-blocking asynchronous operations.

Timestamps:
0:00 - Intro
0:19 - Promise Constructor
4:42 - Chaining thens
6:26 - Challenge
8:05 - Outro

Lydia Hallie

Рекомендации по теме

Комментарии

❤Hello again!! It's been a while since I uploaded to my own YouTube channel haha.
🔊 I'm aware that the audio is a bit low! Sorry about that, will keep this in mind in the future :)

I have many ideas for upcoming videos, but let me know in the comments what you think I should cover next! 👇

theavocoder

Probably the best explanation of Promise I've ever seen

I don't know if you want to go full time on this, but until then, I'm just so happy you decided to create content. It gives so much clarity on what JavaScript does, especially for people like me, who have aphantasia.

rodrigolj

The visuals and animations are top notch, amazing work, keep it up!

pedroalmeida

Visualisation really makes any complex topic easier to understand. Awesome explanation, keep up the good work.

dipeshtamang

Never seen a video with such clear drawings for explaining JavaScript promises and how they relate to the event driven nature of current JavaScript compilers.

You've got a new subscriber!

pablomendezjimenez

This is the most well done and comprehensive video on JS Promises that I have seen so far!

sunkittsui

💡Also just a little clarification since I simplified the chained thens, I should've made this more clear by adding the event loop animation here as well!

The first promise constructor resolves, the first then handler is encountered, this handler is immediately added to the microtask queue. However, the callstack isn't empty at this point because there are more thens to handle. So it keeps creating Promise Reaction/Promise Object records for the subsequent thens and these are added to the fulfill reactions list, but they aren't fulfilled at this point since the first handler is still waiting on the microtask queue. Only when the callstack is empty would this resolve and add the next then's handler to the microtask queue.

theavocoder

This type of explanation is the best. Please keep uploading.

muhammadusmanshaikh

Finally, new video after five years :')

dbsSensei

wow amazing video Lydia! Really loved the high quality visuals and your teaching style. Keep it up!

TheCodingSloth

One of the best explanations I've seen. I'm so glad to see in recent years far better communication of confusing or complex ideas in coding.

As an older bearded autistic Linux fan myself, I can confidently say simple communication hasn't traditionally been one of my peer groups strengths 😂. So I am glad my daughter will have far better role models explaining these concepts if she chooses to go into software development.

JohnBuildWebsites

Hello Lydia. Thanks for all the videos. I hope we have teachers like you everywhere. Watching your videos gives so deep understanding about the topics. Thanks you so much again!!!

vagrawa

just 2 days ago I was thinking about lack of a visualized teaching in javaScript and today I found this channel it's great keep going and keep the level of your videos above I think developer community needs more people like you

arsamhashempour

Wow 🚀 This is the BEST explanation of promise concept I've ever seen. The visualization and your explanation work super well together 👍

fanyinU

The way you explain thing is just perfect form me, and the awareness of you saying “you understand OR how well I(your self) explained” means to me you are beyond of a heck of a person/professional. Good job.

AngeloCarlotto

I was blown away by your frontend masters course, please make more content like this and don't change a thing!

Athelian

Finally someone could explained how this whole magic is working in the way I can understand. Thank you so much :D

heayyyyyyy

Without your video, I had never even been close to fully understand how promise works under the hood.

cisolarix

This was INSANELY well done and highly educational. As someone who felt like I never fully grokked promises, after 4mins of watching a vid I now feel confident in how they fundamentally work. The visuals were amazing, progressive code snippets were perfect, and the script was tight and educational. I love that you basically made a clif notes video for a chunk of EXMA-262!! Insta sub! 👏

nate_codes

JavaScript Visualized - Promise Execution

JavaScript Visualized - Promise Execution

JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

PromiViz | JavaScript Promises | Tools to Visualize Promises

What are JavaScript PROMISES? 🤞

How does event loop work? -- Event Loop Visualized

JavaScript Async/Await Simply Explained

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

JavaScript Visualized - Promise, setTimeout and CallStack || Must Watch🤯😱

JavaScript Event Loop: How it Works and Why it Matters in 5 Minutes

Lydia Hallie: JavaScript Visualized: A Script's Life

JavaScript Event Loop -- Visualized!

Brief History of Async in JavaScript #shorts

Learn Closures In 7 Minutes

Test Your JavaScript Knowledge with Lydia Hallie | Preview

Recursion in 100 Seconds

Stuart Langridge - You really don't need all that JavaScript, I promise

JavaScript Event Loop

6.3 Call Stack, Callback Queue, and Event Loop

Crack the Code in Async JS: The Secret to Leveling Up Your Skillset!

Node.js is a serious thing now… (2023)

Introduction to Promises | JavaScript Tutorial in Hindi #54

Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...

JavaScript Promises Fundamentals Every Engineer Should Know | Part 2 | Event Loop | MicroTasks

Async/Await Tutorial - How to Use Async/Await in JavaScript ES2017