React table performance issues

[nawabfurquan]

There are issues with performance in the react table. It's slower than the legacy table.
I suspect that it would be mostly related to the asynchronous hooks written for react components. I have tried to improve it by making a few changes but it didn't seem to change it much.
I have created a draft PR which addresses this issue which contains a markdown file with what was tried and what can be tried next: #505.

I will be coming back to this hopefully in the near future.

[nawabfurquan]

I have tried to address the performance issues of the react table but those didn't improve the performance at all.
The changes I tried:

1. Updating the data provider rather than recreating it
2. Having a sort worker
3. Extracting the cell value more efficiently

The tests I performed for comparing react and legacy table were:

1. Creating the table
2. Sort the column
3. Filter using selection dialog or scatter plot
4. Sorting a filtered column

The performance was measured before and after applying these changes to the react table and comparing it with the legacy table, but the performance was the same i.e. react table is always slow.

From this, I suppose, the main issue are the async react hooks which are probably the main bottleneck for the performance and I believe fixing that would hopefully fix the performance quite a bit. Codex also says the same.

I believe the next step is to fix the performance issue of react hooks.