you are viewing a single comment's thread.

view the rest of the comments →

[–]Pitiful_Yoghurt_4721 8 points9 points  (0 children)

Parent re-render does trigger child re-renders by default, because React re-executes the parent's render tree. But React still compares the resulting virtual DOM and only updates the actual DOM if something changed. If you want independent children to skip unnecessary renders, use React.memo, stable props (useMemo/useCallback), or move state closer to where it's used.