React _.debounce input taken from: https://github.com/facebook/react/issues/1360#issuecomment-333969294

debounce-input.jsx

class Input extends React.Component
{
  constructor(props) {
    super(props);
    this.state = {
      inputText: '',
      currentUrl: ''
    };

    this.handleChange = this.handleChange.bind(this);
    this.updateUrl = this.updateUrl.bind(this);

    // Debounce
    this.updateUrl = _.debounce(this.updateUrl, 500);
  }

  handleChange(e) {
    this.setState({
      inputText: e.target.value
    });

    // It's debounced!
    this.updateUrl();
  }

  updateUrl() {
    this.setState({
      currentUrl: this.state.inputText
    });
  }

  render() {
    return (
      <div>
        <input value={this.state.inputText} />
        <MyVideo url={this.state.currentUrl} />
      </div>
    );
  }
}