What is Debouncing?
Delaying an action until the user stops performing it for a short period, preventing excessive function calls.
Why It Matters
Debouncing prevents performance problems from rapid-fire events like typing or resizing.
Real-World Example
Waiting 300ms after the user stops typing before sending a search API request, rather than sending one per keystroke.
“Understanding terms like Debouncing matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
State
Data that a component keeps track of and can change over time
Throttling
Slowing down requests instead of blocking them entirely when limits are approached
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout