I owe a vast majority of my current knowledge to the pioneers who walked this journey before me. Their ideas and innovations paved the path that allowed me to stand and build on the shoulders of giants.
For each of these videos, I have had a "eureka moment" that helped me piece together the bigger picture when I first watched it. I definitely required further research, but everything started to "click" from that point on. It was the missing piece to the puzzle, so to speak.
What the heck is the event loop anyway? [Philip Roberts]
Further Adventures of the Event Loop [Erin Zimmer]
Now that we're equipped with the basic intuition, Erin Zimmer's talk goes deeper into the technical details of the event loop without losing sight of the approachable narrative. Through her excellent visualizations, Zimmer explains the underlying intermediate steps during each iteration of the event loop.
In The Loop [Jake Archibald]
In this talk, Jake Archibald makes the literal notion of a "loop" as the centerpiece of his event loop visualizations. Setting out to remove UI jank in the browser, he unravels the mysteries of the render loop, the
globalThis.setInterval timers, and the
Everything You Need to Know About Node.js Event Loop [Bert Belder]
With all the confusion about the true nature of the event loop, Bert Belder debunks some unfortunately common misconceptions that arise from not-so-accurate diagrams and visualizations.
The Node.js Event Loop: Not So Single Threaded [Bryan Hughes]
Memory: Don't Forget to Take Out the Garbage [Katie Fenn]
"Memory is a finite resource. We can't add more memory into our customer's machines. We can only use it, discard it, and then reuse it. We have to be good shepherds of what is given to us because we can't get any more."
Broken Promises [James Snell]
"In a promise chain, the only place you should have synchronous code is in the final
You Don't Know Node [Samer Buna]
"Most educational content about Node teaches Node packages... but those Node packages actually wrap the Node runtime. And when you run into problems, you're most likely running into problems in the [Node runtime] stack itself. So if you don't know the Node runtime, you're in trouble."
With so many NPM packages abstracting away the core of Node.js, Samer Buna takes a step back to invite us to think more carefully about our familiarity with Node fundamentals. In his Q&A-style talk, Buna shares some tidbits of knowledge and trivia about the internals of Node.js.
In this video, Mattias Petter Johansson (or simply "MPJ" of Fun Fun Function) explains how a
Refactoring the code example from his previous video on iterators, MPJ demonstrates how ES6 generators are just "syntactic sugar" over iterators.
Stream into the Future [Matteo Collina]
Streams form the foundation of Node.js' core libraries: file system interactions, data compression, and networking—all of these use streams in one way or another. After a short crash course on stream fundamentals, Matteo Collina introduces their latest achievement for Node.js: a stream abstraction that makes use of asynchronous iterators. With the
for await...of loop, one can interact with streams without having to worry about the nasty memory leaks and pitfalls that Collina presents in his talk.
this keyword, all of
Function#bind methods. In doing so, he provides critical insight into fully understanding
This is quite a tricky concept to grasp. It took a very long time for everything to "click", but when it finally did, I owed much of my understanding to MPJ's series of videos on object creation. The video above served as a supplement that further solidified the big picture of prototypal inheritance.
The mechanisms of event dispatching and handling are integral features of the HTML DOM. In this video, Wes Bos explains what it means for events to "propagate" during the "capture phase" and the "bubble phase". Knowing when to take advantage of each phase allows for more powerful event handling techniques such as "event delegation" and default behavior cancellation.
Fizz buzzkill - Answering tricky JS interview questions [Russell Anderson]
Writing Secure Node Code: Understanding and Avoiding the Most Common Node.js Security Mistakes [Guy Podjarny]
However, given its immense scope over the semantics of the language, Eirik Vullum reminds us to use proxies responsibly. His talk contrasts the wondrous possibilities of proxies and its equally wondrous vectors for potential abuse.
Top comments (12)
Ah, yes. The event loop videos and MPJ. Great picks.
Truly no one can claim to understand js without knowledge of the event loop. It is the fundamental mechanism of concurrency. And concurrency is the primary schtick of js to begin with.
There are a few I haven't seen here. Hopefully the proxy one isn't as obvious as it seems.
Super useful article, mate. Shared it in our Telegram channel as well. So much useful info packed in one post.
Another great video for js devs:
Thank you very much! I haven't seen this talk, but I'm already very interested in the title. Bonus points for Addy Osmani, too. 😁
Addy is amazing, I agree.
On a different note, what would be the best way to get in touch with you?
Well, since we're in DEV, we can use the Connect messenger. I shall follow you back.
Worth putting into my reading list.. Awesome share 🥰
That's a great selection of videos.
Incredible list! Thanks for sharing!
This is actually a very useful list. Thank you. Got my homework for the weekend sorted!
Thanks for sharing!!
Thanks for sharing !