Context 경계

useContext 훅 경계

useContext는 props 전달을 줄이는 대신 값 변경 범위를 넓힙니다. provider 위치와 value 안정성을 먼저 정해야 렌더 비용을 예측할 수 있습니다.

Provider

Provider 위치

공통 값이 필요한 가장 좁은 subtree에 provider를 둡니다.

Value

Value 안정성

객체와 함수는 필요할 때 memo로 고정해 불필요한 consumer 렌더를 줄입니다.

Consumer

Consumer 범위

읽는 컴포넌트와 바꾸는 컴포넌트를 분리해 변경 전파를 좁힙니다.

범위

전역으로 둘 값과 화면 근처에 둘 값을 구분합니다.

fallback

기본값이 실제 누락을 숨기지 않는지 확인합니다.

split

자주 바뀌는 값은 별도 context로 분리합니다.