title: Throttling Data Renders in React
body: <p>I am shooting for great performance, and I know one way to do this is to throttle data loading when the user would not initially see all the data on load.</p>
  
  <p>What is the best method of doing this in React?</p>
  
  <p>I currently have an Array of Data and I only show 2-4 records at a time on the screen depending on device used.</p>
  
  <p>My initial plan for doing this was to call a function that did:</p>
  
  <pre><code>incrementalLoad(data, item) { for(let i in data) { setTimeout(() =&gt; { //load 8 records }, 1000) }
  </code></pre>
  
  <p>But then I remembered the event loop and stack management is a problem here. What kind of solutions have you all used? Am I in the right direction?</p>