Related: Long Tasks and Main Thread Blocking heavy React renders are one of the most common sources of Long Tasks.

React's default re-render behavior is intentionally conservative: when a parent re-renders, all children re-render too. This is correct by default — React prioritizes correctness over performance, and render-phase work (function...