requestAnimationFrame batching

react-raf-batching.js

/*eslint-env browser*/
/**
 * Cribbed from:
 * github.com/facebook/react/blob/master/src/addons/ReactRAFBatchingStrategy.js
 * github.com/petehunt/react-raf-batching/blob/master/ReactRAFBatching.js
 */

var ReactUpdates = require('react/lib/ReactUpdates');

var ReactRAFBatchingStrategy = {
  isBatchingUpdates: true,

  /**
   * Call the provided function in a context within which calls to `setState`
   * and friends are batched such that components aren't updated unnecessarily.
   */
  batchedUpdates: function(callback, param) {
    callback(param);
  }
};

ReactUpdates.injection.injectBatchingStrategy(ReactRAFBatchingStrategy);

function tick() {
  ReactUpdates.flushBatchedUpdates();
  requestAnimationFrame(tick);
}

if (window && typeof window.requestAnimationFrame == 'function') {
  window.requestAnimationFrame(tick);
}