changed debounce out for bindRaf

.gitignore

@@ -1,4 +1,10 @@
 node_modules
 build
 npm-debug.log
-bundle.js
+bundle.js
+
+# ide folders
+.idea
+
+# for now removing package-lock as it's not my decision to include
+package-lock.json

src/index.js

@@ -2,12 +2,12 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types'; 
 import cx from 'classnames';
-import debounce from './lib/debounce';
+import { bindRaf } from "./lib/bindRaf";
 
 class OnVisible extends Component {
     constructor() {
         super(...arguments);
-        this.onScroll = debounce(this.onScroll.bind(this), 10);
+        this.onScroll = bindRaf(this.onScroll.bind(this));
         this.state = {
             visible: false,
             bottom: 0,

src/lib/bindRaf.js

@@ -0,0 +1,22 @@
+export const bindRaf = (fn) => {
+	let isRunning = null;
+	let that = null;
+	let args = null;
+
+	const run = () => {
+		isRunning = false;
+		fn.apply(that, args);
+	};
+
+	return () => {
+		that = this;
+		args = arguments;
+
+		if (isRunning) {
+			return;
+		}
+
+		isRunning = true;
+		requestAnimationFrame(run);
+	};
+};