Correct way to throttle HTTP calls based on state in redux and react
<p><strong>What I need:</strong>
A <a href="https://facebook.github.io/react/docs/forms.html#controlled-components" rel="noreferrer">controlled component</a> that is an <code>input[type="search"]</code>. After say, 1 second of no changes to that component I want to send out an HTTP call to execute that search and have the results shown in another component.</p>

<p><strong>How I've done it:</strong>
Whenever I call <code>dispatch(setSearch(str));</code> I make a call to <code>dispatch(displaySearch(false));</code> and then <code>_.throttle</code> a call to <code>dispatch(displaySearch(true));</code></p>

<p>It feels to me that doing this sort of work in the component is incorrect, but I can't think of a way to do this in a reducer in redux.</p>