Parent State
테마나 사용자 상태가 상위 컴포넌트에 있다.
State Sharing
Props Drilling 데이터 흐름 비교
상위 상태를 깊은 하위 컴포넌트에 전달하려면 중간 컴포넌트가 불필요한 props를 계속 넘기게 된다.
props가 깊게 내려가는 방식
상태 경로Middle A
값을 쓰지 않지만 하위에 넘기기 위해 props를 받는다.
Middle B
전달 계층이 늘수록 수정 범위가 넓어진다.
Consumer
실제 필요한 컴포넌트가 가장 아래에서 값을 사용한다.
Context
공유 통로를 만들면 중간 전달을 줄일 수 있다.
Tradeoff
Context도 변경 범위와 렌더 비용을 고려해야 한다.
상위 상태중간 전달하위 소비Context 검토
Props Drilling의 문제는 props 자체가 아니라 “쓰지 않는 컴포넌트가 전달 책임을 갖는 것”이다.