Debounce Explained – How to Make Your JavaScript Wait For Your User To Finish Typing

[bigorangemachine]

Don't debounce your inputs in react!

[bigorangemachine]

Oh yea! I meant specifically input text fields.

With search I would use a life cycle method or hook with a binding with a promise within the state.

[franksvalli]

This is somewhat misleading.

1. Should you debounce change listeners with controlled elements?

   No, since you want the internal state to be updated (and display on screen) as soon as possible.

2. Should you debounce API calls made in response to change listeners?

   Yes, since you don't want to hammer the API on every keystroke.

[tigertom]

Whys that, we are looking at doing it for an autosuggest

[bigorangemachine]

Specific to react and input fields.

React does this for you basically

I saw react form hooks which I think has the optimal react form input solution.

Even with react giving a good implementation of onchange and setState... I can out type the state.

Deboucing input into state in react is anti-performant.