Poll at interval or on window focus, throttle between interval and focus events.

react-poll.js

import React, { Component, PropTypes } from 'react'
import throttle from 'lodash/throttle';
import attempt from 'lodash/attempt';

class Poll extends Component {
  static propTypes = {
    throttle: PropTypes.number,
    interval: PropTypes.number,
    onFocus: PropTypes.func,
    onInterval: PropTypes.func
  };

  static defaultProps = {
    interval: 60000,
    throttle: 30000
  };

  throttle =
    throttle(attempt, this.props.throttle, { trailing: false });

  componentDidMount() {
    this.mount(this.props);
  }

  componentWillReceiveProps(props) {
    if (props.onInterval !== this.props.onInterval ||
        props.onFocus !== this.props.onFocus) {
      this.unmount();
      this.mount(props);
    }
  }

  componentWillUnmount () {
    this.unmounting = true;
    this.unmount();
  }

  mount(props) {
    let { interval, onFocus, onInterval } = props;

    if (onFocus) {
      this.onFocus = this.throttle.bind(this, onFocus);
      global.addEventListener('focus', this.onFocus);
    }

    if (onInterval) {
      this.onInterval = this.throttle.bind(this, onInterval);
      this.interval = global.setInterval(this.onInterval, interval);
    }
  }

  unmount() {
    this.throttle.cancel();

    this.onFocus &&
      global.removeEventListener('focus', this.onFocus);
    this.interval &&
      global.clearInterval(this.interval);
  }

  render () {
    return this.props.children
  }
}

export default Poll;