Can we display around 100000 rows using React-Table by consuming Json data via API?

Viewed 7577

I have a requirement to consume huge volume of data ( like more than 100000 rows) by calling API end point and Data format is JSON and display them in react page. I am developing the logic using React-Table, but would like to hear experts opinion to know whether this is possible in reactjs? Is React-Table the right option in reactjs? Will there be performance issues?

1 Answers

Yes this is surely possible but involves the usage of virtual views like react-virtualized The problem with 100k rows is that first render takes a lot of time, scroll could be tedious and every re-render takes a significant amount of time too. With virtual views data is rendered only in active viewport and element are added/removed upon scroll reducing the rendering/reconciliation payload.

Related