title: Large amount of data handling in react
body: <p>I am using react with redux for development.
  I have around 20000 rows in database. I need to display list to users on screen, 10 rows at a time. I also have sorting and filters applied to the list.
  I can think of 2 options</p>
  
  <ol>
  <li><p>Store only UI state of component in the redux state and bring data for each page using ajax/fetch. This way all sorting and filters are applied on server end and i get only 10 rows to display at a time.</p></li>
  <li><p>Bring all data once to redux state and display 10 records. This way we do not request server for data again, as all sorting and filters are applied within data stored in state</p></li>
  </ol>
  
  <p>What is better option/practice?</p>