Why the debounce polyfill works: Part 1

Polyfills are a great way to learn the core fundamentals of Javascript. When you build functionality similar to an existing API, you unlock a lot of thinking patterns that one would normally ignore when building the same old web app. The debounce polyfill explores different parts of javascript like the 'this' keyword, closures, scope, and timeout APIs and makes you think about how you'd bring everything together to cover all the edge cases.

Timestamps:
0:00 - Intro
2:26 - Setting up the fundamentals
4:05 - Creating the debounce polyfill
5:20 - Saving the timeoutId
7:10 - Using a closure
10:26 - Entire flow recap
11:53 - Debugger
12:40 - Outro

🧑‍💻Other playlists:
Playwright crash course: Playwright + React Crash Course (2024)

Tanstack query - React/Tanstack Query(2024)

Push Notifications using SW -  Push Notifications using Service worker

Service worker in Javascript (2023) - Service worker in Javascript (2023)

Javascript observers(2023) - Javascript Observers(2023)

The Web components Playlist - Web components 2023

The Git series(2023) - The Git series(2023)

Multitasking in NodeJS - Multi tasking in NodeJS

NodeJS Authentication with Passport - NodeJS Authentication with Passport(2...

Job scheduling in NodeJS - Job scheduling in NodeJS

NPM Tutorial Series - NPM Tutorial Series (2021)

Javascript(Behind the scenes) - Javascript(Behind the scenes)

😎Socials
🐤 Twitter - Twitter: themangalorian
📷 Instagram - Instagram: _alt.ar_
👔 LinkedIn - LinkedIn: akilesh-rao-610357137
🧑‍💻 GitHub - https://github.com/AkileshRao
📝 Medium - Medium: akileshrao19

• #science_technology
• #html
• #css
• #javascript
• #polyfill
• #debounce
• #this_keyword
• #closure
• #call
• #apply
• #bind
• #timeout
• #api
• #web_development
• #frontend_development
• #interview
• #javascript_interview
• #front_end_interview
• #interview_question
• #js
• #web
• #frontend
• #window_object
• #scope
• #global_scope