Memoization in a rAF loop

index.js

const _this = this // the React Component
const ref = this.nodeRef // Using react to get a ref of my DOM element
const { width } = ref.getBoundingClientRect()
const scrollCoeffecient = 0.5 // this is retrieved from a config object in my app
const scrollSpeed = 1 * scrollCoefficient

function loop () {
  if (!loop.aggregatedDistance) {
    loop.aggregatedDistance = 0
  }
  
  loop.aggregatedDistance += scrollSpeed

  if (loop.aggregatedDistance > 1) {
    const distance = Math.floor(loop.aggregatedDistance)

    if ((width + ref.scrollLeft) === ref.scrollWidth) {
      ref.scrollLeft = 0
    } else {
      ref.scrollLeft += distance
    }
    
    loop.aggregatedDistance -= distance
  }
  
  _this.loopRafId = window.requestAnimationFrame(loop) // Stored to cancel rAF later
}

window.requestAnimationFrame(loop)