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

Written by andemosa | Published 2022/01/30
Tech Story Tags: react | typescript | api | anime | axios | web-performance | material-ui | debounce

TLDRDebounce 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.via the TL;DR App

no story

Written by andemosa | Survived an Infinite Tsukuyomi. Loves football
Published by HackerNoon on 2022/01/30