I currently have a project that can render tens of thousands of elements. I use observable objects with sideways loading to render items very fast, however, changes that affect all the elements can take 2-4 seconds (unacceptable for UI purposes). I have a lot of options to optimize, but knowing what is taking the most time would help to peel the onion. I can use chrome devtools to show that most of the time is spent in scripting, but I don't know if that is my code, mobx, or react diffing. If I try to use the the mobx-react-devtools log function, it generates so many log statements to the console that it locks up chrome for a long time. Even if I wait for them to catch up, it is too much data to sift through. Would it be possible to implement a tabular data feature that generates only one log statement after each update? Something like an object that lists what actions/computations/renders were performed, how many times each was performed, and ave & total times for each would be awesome. I am doing something similar in my code ad-hoc but it is very intrusive into my code and makes things less manageable.
I currently have a project that can render tens of thousands of elements. I use observable objects with sideways loading to render items very fast, however, changes that affect all the elements can take 2-4 seconds (unacceptable for UI purposes). I have a lot of options to optimize, but knowing what is taking the most time would help to peel the onion. I can use chrome devtools to show that most of the time is spent in scripting, but I don't know if that is my code, mobx, or react diffing. If I try to use the the mobx-react-devtools log function, it generates so many log statements to the console that it locks up chrome for a long time. Even if I wait for them to catch up, it is too much data to sift through. Would it be possible to implement a tabular data feature that generates only one log statement after each update? Something like an object that lists what actions/computations/renders were performed, how many times each was performed, and ave & total times for each would be awesome. I am doing something similar in my code ad-hoc but it is very intrusive into my code and makes things less manageable.