Re-Render

Re-Render

React re-render visualizer

Scenario	<Child />	<Memo />
When does React re-render?
1State Change	Re-renders	Re-renders
2Props Change	Re-renders	Re-renders
3Parent Re-render	Re-renders	Prevented by memo
4Context Change	Re-renders	Re-renders
5Force Update	Re-renders	Re-renders
Advanced Patterns8
6Reducer Dispatch	Re-renders	Re-renders
7External Store	Re-renders	Re-renders
8Suspense	Re-renders	Re-renders
9Concurrent Update	Re-renders	Re-renders
10Effect Dependencies	Re-renders	Re-renders
11Ref Mutation	Not applicable	Not applicable
12Compound Component	Re-renders	Re-renders
13Render Props	Re-renders	Re-renders

14useCallback	Re-renders	Prevented by memo
15useMemo	Re-renders	Prevented by memo
16React.lazy	Not applicable	Not applicable
17Children Pattern	Re-renders	Prevented by memo