7

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?

Improve this question
2
  • Why display them all at once? Paging? Commented Dec 27, 2018 at 14:27
  • 4
    He could display all items for a variety of reasons, all of which are not subject of the answer Commented Dec 27, 2018 at 15:26

1 Answer 1

Reset to default
10

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.

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

ok. Thanks Mose. I will explore this option. Right now I have used react-table and pagination and tested with 2000 rows , look good. will try to explore with higher volumes using react-table too and post the results.
If you encounter some sort of bottleneck, this article is really useful: sumologic.com/blog/code/react-table-alternatives

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.