Back to Prompts
Coding Assistant

Debounce a Search Input

Start here. The most common debouncing use case From the Debouncing & Throttling AI Coding Building Block.

Prompt 
My [React / Vue / vanilla JS / other] app has a search box that fires an API call on every keystroke. It's slow and sends way too many requests.

Add debouncing so it only sends a request after the user stops typing for 300ms. While waiting:
- Show a subtle loading indicator after the user starts typing
- Cancel any previous pending request when a new keystroke arrives
- Display results once the final request comes back
- Handle errors gracefully (show a message, don't crash)

My stack: [your framework and language here]

I'm learning, so explain each part simply.
0 views 0 copies