Loading data into DataArray component blocks UI

[nyoung697]

We are noticing that our UI freezes when loading larger datasets into VTK. Here is a contrived example. The data being loaded here is smaller than what will typically be loaded.

In production, on my M1 Max, this dataset blocks for ~130ms. One of our larger datasets in our app was blocking for >900ms.

If I slow my CPU down by 6x, this smaller dataset will block the main thread for ~1.2s.

https://test-vtk2.vercel.app/
https://github.com/nyoung697/test-vtk2/blob/main/src/App.js

Is there a better way to load larger datasets, without blocking the main thread?

[jourdain]

Does the native type encoding provide a better speed?

• https://github.com/Kitware/VTK/blob/master/Web/Python/vtkmodules/web/utils.py#L105
  • The dash code below leverage that to exchange data
  • https://github.com/plotly/dash-vtk/blob/master/demos/usage-vtk-cfd/app.py#L39
  • https://github.com/plotly/dash-vtk/blob/master/demos/usage-vtk-cfd/app.py#L119-L122