State Sharing

Props Drilling은 사용하지 않는 계층이 전달 책임을 지는 문제다

theme 같은 공유 값이 깊은 컴포넌트에서만 필요하면 중간 계층은 값을 읽지 않아도 계속 props를 넘기게 된다.

Props Drilling 명시적이지만 계층 의존

Parent

공유 상태를 만든다.

MainContent

사용하지 않고 전달한다.

ContentSection

또 한 번 넘긴다.

Consumer

실제 값을 읽는다.

Context 공유 범위가 넓을 때

Provider

공유 값을 한 경계에 둔다.

Middle

전달 책임에서 빠진다.

Consumer

필요한 곳에서 읽는다.

Render Cost

변경 빈도를 따져 나눈다.

전달 계층

두세 단계 이상 반복되면 구조 신호다.

사용 위치

값을 쓰는 곳이 멀리 흩어져 있는가.

변경 빈도

자주 바뀌면 Context 분할을 검토한다.