React: When profiling, enable the "Record why each component rendered while profiling." option.

I have spent hours over the last two days trying to optimize the performance of a large Material UI list. It contains 10-100 rows and without fail would render slowly (~230 ms on my laptop running Firefox on an Intel i7-9750h) which especially became a problem when rendering selection checkboxes in each row. The setup of this table was fairly complicated, with several columns common regardless of the parent component, but it also needed the ability to add custom columns. I ended up implementing ...
Read post