How to Create an Instant Search Input with Debounce in React.js

Too Long; Didn't Read

Debounce is a practice used to ensure that time-consuming tasks do not fire so often, that it stalls the performance of the web page. The project had an input field where you could type in the name of an anime to search for. The text typed in the input field was then used to query the API for animes matching the input. To prevent making a call to the API on every keystroke, I had to debounce the queries. This is done to limit the rate at which a function gets invoked.