React 렌더는 값이 바뀐 지점에서 아래로 번진다

불필요한 리렌더를 줄이려면 먼저 어떤 값이 바뀌었고, 그 변화가 어느 범위까지 전파되는지 나눠 봐야 한다.

1

state

내부 값 변경

2

props

부모가 새 값 전달

3

context

공유 값 갱신

4

parent render

자식 재호출

핵심렌더 최적화는 도구 선택보다 먼저 “변화가 퍼지는 범위”를 좁히는 일이다.