title: React + Redux - Input onChange is very slow when typing in when the input have a value from the state
body: <p>I got my input who is filled by a value from my state.</p>
  
  <pre><code>&lt;input id="flashVars" name="flashVars" type="text" value={settings.flashVarsValue} disabled={isDisabled} onChange={handleChange} /&gt;
  </code></pre>
  
  <p><code>Settings</code>is my state with Redux. When i put a value into my input, i must specify a <code>onChange</code> function. This is my onChange function:</p>
  
  <pre><code>handleFlashVarsChange(e) {
    let { dispatch } = this.props;
  
    dispatch( changeFlashVarsValue(e.target.value) );
  }
  </code></pre>
  
  <p>It change the state value <code>flashVarsValue</code> for the value of the input. But when i type in my input, it lags. I don't understand why i should call the dispatch each time i change the input value. </p>
  
  <p>Is there any way who can give less lags?</p>
  
  <p>My reducer:</p>
  
  <pre><code>import { ACTIONS } from '../utils/consts';
  
  const initialState = {
    ...
    flashVarsValue: '',
    ...
  };
  
  export function formSettings(state = initialState, action = '') {
    switch (action.type) {
  
      ...
  
      case ACTIONS.CHANGE_FLASHVARS_VALUE:
        return Object.assign({}, state, {
          flashVarsValue: action.data
        });
  
      default:
        return state;
    }
  }
  </code></pre>
  
  <p>My action:</p>
  
  <pre><code>export function changeFlashVarsValue(data) {
    return {
      type: ACTIONS.CHANGE_FLASHVARS_VALUE,
      data: data
    }
  }
  </code></pre>
  
  <p>Thank you</p>