I have a page in my multi page app where intend to use nested list views but my app performance degrades heavily.
There are no queries being run, it just seems to be happening based on how I’ve structured the page.
I don’t feel like there’s too many components, but that could be the issue.
The main list view is a list of “borrowers” (usually 2 to 3 borrowers within the list) and each borrower can have multiple addresses (current and old) which is list view number 2.
The goal is the edit/add/remove the addresses and borrower information via text input components, selects, etc.
I have about 100 components at the moment, with most of them being containers/stacks to format the page well.
Is there something else going on or are nested list views a bad idea?
I can pretty much no longer edit the page. Dragging or moving components takes 10-15 seconds, but I’m starting to see the browser crash now as well.
I am on Retool cloud.
Apologies for the performance. It definitely shouldn't be slowing down that much
I sometimes see some performance drawbacks with doubly nested list views, have you tried using the tabbed container component as an alternative?
Hopefully there are some easy changes we can make to help improve performance, usually its queries that are the culprit but I would love to take a look at your app to better help and further diagnose!
If you can DM me the JSON export of your app, I can clone it and test it out. You can get this JSOn by click on the export button in the debugger panel in the bottom right.
The button with the down arrow to the left of the X is going to be the button to generate the JSON.
Just wanted to circle back and see if you are still having your app crash. I was curious if you are self hosted or on the cloud as well, for the purpose of checking your container logs to see if we could find more details about what is going on.
