Merge pull request #174 from orgsync/min-size

Fix #173 Add minSize prop

Author: caseywebdev

README.md

@@ -101,9 +101,15 @@ used when the prop `type` is set to `variable`.
 
 The number of items in the list.
 
+#### minSize (defaults to `1`)
+
+The minimum number of items to render at any given time. This can be used to
+render some amount of items initially when rendering HTML on the server.
+
 ##### pageSize (defaults to `10`)
 
-The number of items to batch up for new renders.
+The number of items to batch up for new renders. Does not apply to `'uniform'`
+lists as the optimal number of items is calculated automatically.
 
 ##### scrollParentGetter (defaults to finding the nearest scrollable parent)
 

react-list.es6

@@ -54,6 +54,7 @@ module.exports = class ReactList extends Component {
     itemSizeGetter: PropTypes.func,
     itemsRenderer: PropTypes.func,
     length: PropTypes.number,
+    minSize: PropTypes.number,
     pageSize: PropTypes.number,
     scrollParentGetter: PropTypes.func,
     threshold: PropTypes.number,
@@ -67,6 +68,7 @@ module.exports = class ReactList extends Component {
     itemRenderer: (index, key) => <div key={key}>{index}</div>,
     itemsRenderer: (items, ref) => <div ref={ref}>{items}</div>,
     length: 0,
+    minSize: 1,
     pageSize: 10,
     threshold: 100,
     type: 'simple',
@@ -392,8 +394,8 @@ module.exports = class ReactList extends Component {
     if (itemSizeEstimator) return itemSizeEstimator(index, cache);
   }
 
-  constrain(from, size, itemsPerRow, {length, type}) {
-    if (type === 'uniform') size = Math.max(size, 1);
+  constrain(from, size, itemsPerRow, {length, minSize, type}) {
+    size = Math.max(size, minSize);
     let mod = size % itemsPerRow;
     if (mod) size += itemsPerRow - mod;
     if (size > length) size = length;

react-list.js

@@ -523,9 +523,10 @@
       key: 'constrain',
       value: function constrain(from, size, itemsPerRow, _ref) {
         var length = _ref.length,
+            minSize = _ref.minSize,
             type = _ref.type;
 
-        if (type === 'uniform') size = Math.max(size, 1);
+        size = Math.max(size, minSize);
         var mod = size % itemsPerRow;
         if (mod) size += itemsPerRow - mod;
         if (size > length) size = length;
@@ -649,6 +650,7 @@
     itemSizeGetter: _propTypes2.default.func,
     itemsRenderer: _propTypes2.default.func,
     length: _propTypes2.default.number,
+    minSize: _propTypes2.default.number,
     pageSize: _propTypes2.default.number,
     scrollParentGetter: _propTypes2.default.func,
     threshold: _propTypes2.default.number,
@@ -672,6 +674,7 @@
       );
     },
     length: 0,
+    minSize: 1,
     pageSize: 10,
     threshold: 100,
     type: 'simple',