First of all, I started to learn React a month ago so bear with me. I’m here to learn from more experienced people.
In this Project, I made a simple table with filters (using Mantine) which is working as expected in terms of functionality but I am having noticeable lag when rendering the table (150 rows) – about 2s of 370ms. This is how profiler looks:
I tried to memo the rows but without any success. Can you guys take a look and point which part and how can I improve the performance and overall data flow of this app?
I would like to add that when I change rows to simple HTML rows the lag is almost zero, which would suggest that rendering those Mantine components are expensive and not the calculation of what to show. Appreciate all the comments.