Debounce the Search

Right now every keystroke runs a search. Type nasi and renderResults runs four times (n, na, nas, nasi). If each search were a request to a server, that's three wasted requests per word. Open the console and watch it happen.

Debouncing fixes this: wait until the user pauses, then run once with the final value.

const log = debounce((x) => console.log(x), 300);
log("a"); log("b"); log("c");
// ...300 ms of silence...
// logs "c" once

Requirements

• debounce(fn, delay) returns a new function. Each call restarts the timer; fn runs once, delay ms after the last call, with the last call's arguments.
• Calls that are further apart than delay each run fn separately.
• Wire the search box with a 300 ms debounce. Don't change renderResults.