diff --git a/Readme.md b/Readme.md
index 5751973..5f5098f 100644
--- a/Readme.md
+++ b/Readme.md
@@ -15,6 +15,31 @@ http://realscout.github.io/redux-infinite-scroll/
npm install redux-infinite-scroll --save
```
+## Importing Via AMD/CommonJS
+
+##### ES6 format
+```javascript
+import ReduxInfiniteScroll from 'redux-infinite-scroll';
+```
+##### ES5 format
+```javascript
+var ReduxInfiniteScroll = require('redux-infinite-scroll');
+```
+
+## Importing Via Script Tag
+If you decide to use either one of the distribution files found in `/dist`, then you can access the `ReduxInfiniteScroll` via a global variable.
+
+##### ES6 format
+```javascript
+ReduxInfiniteScroll
+```
+##### ES5 format
+```javascript
+ReduxInfiniteScroll.default;
+```
+The difference is due to the `ReduxInfiniteScroll` being an ES6 module and therefore having a different export syntax than ES5.
+
+
## Usage
In order to use it in your React app, simply import it and follow the example below. The component expects to receive
diff --git a/dev/index.html b/dev/index.html
new file mode 100644
index 0000000..78d98a1
--- /dev/null
+++ b/dev/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/redux-infinite-scroll.js b/dist/redux-infinite-scroll.js
index 37fd139..6c5598e 100644
--- a/dist/redux-infinite-scroll.js
+++ b/dist/redux-infinite-scroll.js
@@ -1,22 +1,292 @@
-!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){n(159),e.exports=n(158)},function(e,t,n){var r=n(10),o=n(30),i=n(26),a=n(21),u=n(24),s="prototype",c=function(e,t,n){var l,p,d,f,h=e&c.F,v=e&c.G,m=e&c.S,g=e&c.P,y=e&c.B,E=v?r:m?r[t]||(r[t]={}):(r[t]||{})[s],N=v?o:o[t]||(o[t]={}),_=N[s]||(N[s]={});v&&(n=t);for(l in n)p=!h&&E&&l in E,d=(p?E:n)[l],f=y&&p?u(d,r):g&&"function"==typeof d?u(Function.call,d):d,E&&!p&&a(E,l,d),N[l]!=d&&i(N,l,f),g&&_[l]!=d&&(_[l]=d)};r.core=o,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,e.exports=c},function(e,t){function n(){c=!1,a.length?s=a.concat(s):l=-1,s.length&&r()}function r(){if(!c){var e=setTimeout(n);c=!0;for(var t=s.length;t;){for(a=s,s=[];++l1)for(var n=1;n2?n-2:0),o=2;n>o;o++)r[o-2]=arguments[o];if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==t.indexOf("Failed Composite propType: ")&&!e){var i=0,a="Warning: "+t.replace(/%s/g,function(){return r[i++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(u){}}}),e.exports=o}).call(t,n(2))},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,n){var r=n(7);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){var r=n(118)("wks"),o=n(40),i=n(10).Symbol;e.exports=function(e){return r[e]||(r[e]=i&&i[e]||(i||o)("Symbol."+e))}},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:n,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n};e.exports=r},function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e,t,n){(function(t){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;n>r;r++)if(e.charAt(r)!==t.charAt(r))return r;return e.length===t.length?-1:n}function o(e){return e?e.nodeType===H?e.documentElement:e.firstChild:null}function i(e){var t=o(e);return t&&ee.getID(t)}function a(e){var n=u(e);if(n)if(K.hasOwnProperty(n)){var r=K[n];r!==e&&(p(r,n)?"production"!==t.env.NODE_ENV?L(!1,"ReactMount: Two valid but unequal nodes with the same `%s`: %s",W,n):L(!1):void 0,K[n]=e)}else K[n]=e;return n}function u(e){return e&&e.getAttribute&&e.getAttribute(W)||""}function s(e,t){var n=u(e);n!==t&&delete K[n],e.setAttribute(W,t),K[t]=e}function c(e){return K.hasOwnProperty(e)&&p(K[e],e)||(K[e]=ee.findReactNodeByID(e)),K[e]}function l(e){var t=w.get(e)._rootNodeID;return O.isNullComponentID(t)?null:(K.hasOwnProperty(t)&&p(K[t],t)||(K[t]=ee.findReactNodeByID(t)),K[t])}function p(e,n){if(e){u(e)!==n?"production"!==t.env.NODE_ENV?L(!1,"ReactMount: Unexpected modification of `%s`",W):L(!1):void 0;var r=ee.findReactContainerForID(n);if(r&&A(r,e))return!0}return!1}function d(e){delete K[e]}function f(e){var t=K[e];return t&&p(t,e)?void(J=t):!1}function h(e){J=null,x.traverseAncestors(e,f);var t=J;return J=null,t}function v(e,n,r,o,i,a){if(D.useCreateElement&&(a=T({},a),r.nodeType===H?a[z]=r:a[z]=r.ownerDocument),"production"!==t.env.NODE_ENV){a===k&&(a={});var u=r.nodeName.toLowerCase();a[F.ancestorInfoContextKey]=F.updatedAncestorInfo(null,u,null)}var s=P.mountComponent(e,n,o,a);e._renderedComponent._topLevelWrapper=e,ee._mountImageIntoNode(s,r,i,o)}function m(e,t,n,r,o){var i=I.ReactReconcileTransaction.getPooled(r);i.perform(v,null,e,t,n,i,r,o),I.ReactReconcileTransaction.release(i)}function g(e,t){for(P.unmountComponent(e),t.nodeType===H&&(t=t.documentElement);t.lastChild;)t.removeChild(t.lastChild)}function y(e){var t=i(e);return t?t!==x.getReactRootIDFromNodeID(t):!1}function E(e){for(;e&&e.parentNode!==e;e=e.parentNode)if(1===e.nodeType){var t=u(e);if(t){var n,r=x.getReactRootIDFromNodeID(t),o=e;do if(n=u(o),o=o.parentNode,null==o)return null;while(n!==r);if(o===X[r])return e}}return null}var N=n(35),_=n(63),b=n(28),D=n(137),C=n(14),O=n(144),x=n(41),w=n(50),M=n(147),S=n(15),P=n(36),R=n(87),I=n(18),T=n(5),k=n(47),A=n(125),V=n(94),L=n(3),U=n(70),j=n(97),F=n(99),B=n(6),W=N.ID_ATTRIBUTE_NAME,K={},q=1,H=9,Y=11,z="__ReactMount_ownerDocument$"+Math.random().toString(36).slice(2),G={},X={};if("production"!==t.env.NODE_ENV)var $={};var Q=[],J=null,Z=function(){};Z.prototype.isReactComponent={},"production"!==t.env.NODE_ENV&&(Z.displayName="TopLevelWrapper"),Z.prototype.render=function(){return this.props};var ee={TopLevelWrapper:Z,_instancesByReactRootID:G,scrollMonitor:function(e,t){t()},_updateRootComponent:function(e,n,r,a){return ee.scrollMonitor(r,function(){R.enqueueElementInternal(e,n),a&&R.enqueueCallbackInternal(e,a)}),"production"!==t.env.NODE_ENV&&($[i(r)]=o(r)),e},_registerComponent:function(e,n){!n||n.nodeType!==q&&n.nodeType!==H&&n.nodeType!==Y?"production"!==t.env.NODE_ENV?L(!1,"_registerComponent(...): Target container is not a DOM element."):L(!1):void 0,_.ensureScrollValueMonitoring();var r=ee.registerContainer(n);return G[r]=e,r},_renderNewRootComponent:function(e,n,r,i){"production"!==t.env.NODE_ENV?B(null==b.current,"_renderNewRootComponent(): Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate. Check the render method of %s.",b.current&&b.current.getName()||"ReactCompositeComponent"):void 0;var a=V(e,null),u=ee._registerComponent(a,n);return I.batchedUpdates(m,a,u,n,r,i),"production"!==t.env.NODE_ENV&&($[u]=o(n)),a},renderSubtreeIntoContainer:function(e,n,r,o){return null==e||null==e._reactInternalInstance?"production"!==t.env.NODE_ENV?L(!1,"parentComponent must be a valid React Component"):L(!1):void 0,ee._renderSubtreeIntoContainer(e,n,r,o)},_renderSubtreeIntoContainer:function(e,n,r,a){C.isValidElement(n)?void 0:"production"!==t.env.NODE_ENV?L(!1,"ReactDOM.render(): Invalid component element.%s","string"==typeof n?" Instead of passing an element string, make sure to instantiate it by passing it to React.createElement.":"function"==typeof n?" Instead of passing a component class, make sure to instantiate it by passing it to React.createElement.":null!=n&&void 0!==n.props?" This may be caused by unintentionally loading two independent copies of React.":""):L(!1),"production"!==t.env.NODE_ENV?B(!r||!r.tagName||"BODY"!==r.tagName.toUpperCase(),"render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app."):void 0;var s=new C(Z,null,null,null,null,null,n),c=G[i(r)];if(c){var l=c._currentElement,p=l.props;if(j(p,n)){var d=c._renderedComponent.getPublicInstance(),f=a&&function(){a.call(d)};return ee._updateRootComponent(c,s,r,f),d}ee.unmountComponentAtNode(r)}var h=o(r),v=h&&!!u(h),m=y(r);if("production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?B(!m,"render(...): Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render."):void 0,!v||h.nextSibling))for(var g=h;g;){if(u(g)){"production"!==t.env.NODE_ENV?B(!1,"render(): Target node has markup rendered by React, but there are unrelated nodes as well. This is most commonly caused by white-space inserted around server-rendered markup."):void 0;break}g=g.nextSibling}var E=v&&!c&&!m,N=ee._renderNewRootComponent(s,r,E,null!=e?e._reactInternalInstance._processChildContext(e._reactInternalInstance._context):k)._renderedComponent.getPublicInstance();return a&&a.call(N),N},render:function(e,t,n){return ee._renderSubtreeIntoContainer(null,e,t,n)},registerContainer:function(e){var t=i(e);return t&&(t=x.getReactRootIDFromNodeID(t)),t||(t=x.createReactRootID()),X[t]=e,t},unmountComponentAtNode:function(e){"production"!==t.env.NODE_ENV?B(null==b.current,"unmountComponentAtNode(): Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate. Check the render method of %s.",b.current&&b.current.getName()||"ReactCompositeComponent"):void 0,!e||e.nodeType!==q&&e.nodeType!==H&&e.nodeType!==Y?"production"!==t.env.NODE_ENV?L(!1,"unmountComponentAtNode(...): Target container is not a DOM element."):L(!1):void 0;var n=i(e),r=G[n];if(!r){var o=y(e),a=u(e),s=a&&a===x.getReactRootIDFromNodeID(a);return"production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?B(!o,"unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. %s",s?"You may have accidentally passed in a React root node instead of its container.":"Instead, have the parent component update its state and rerender in order to remove this component."):void 0),!1}return I.batchedUpdates(g,r,e),delete G[n],delete X[n],"production"!==t.env.NODE_ENV&&delete $[n],!0},findReactContainerForID:function(e){var n=x.getReactRootIDFromNodeID(e),r=X[n];if("production"!==t.env.NODE_ENV){var o=$[n];if(o&&o.parentNode!==r){"production"!==t.env.NODE_ENV?B(u(o)===n,"ReactMount: Root element ID differed from reactRootID."):void 0;var i=r.firstChild;i&&n===u(i)?$[n]=i:"production"!==t.env.NODE_ENV?B(!1,"ReactMount: Root element has been removed from its original container. New container: %s",o.parentNode):void 0}}return r},findReactNodeByID:function(e){var t=ee.findReactContainerForID(e);return ee.findComponentRoot(t,e)},getFirstReactDOM:function(e){return E(e)},findComponentRoot:function(e,n){var r=Q,o=0,i=h(n)||e;for("production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?B(null!=i,"React can't find the root component node for data-reactid value `%s`. If you're seeing this message, it probably means that you've loaded two copies of React on the page. At this time, only a single copy of React can be loaded at a time.",n):void 0),r[0]=i.firstChild,r.length=1;o when using tables, nesting tags like