State Sharing

상태 위치는 공유 범위와 변경 비용으로 정합니다

가까운 컴포넌트만 쓰는 값은 지역에 두고, 여러 화면이 같은 기준으로 읽는 값은 공용 위치를 검토합니다.

지역 상태

한 컴포넌트 안에서 끝남

입력값, 열림 여부, 탭 선택처럼 가까운 UI만 바꾸는 값에 적합합니다.

상태 끌어올리기

형제 컴포넌트가 함께 씀

공통 부모가 값을 들고 필요한 자식에게 props로 내려줍니다.

공용 관리

트리 여러 곳에서 필요

인증, 테마, 장바구니처럼 전달 경로가 길어질 때 검토합니다.

props 전달이 읽기 쉬움 현재 구조를 유지하고 필요한 곳까지만 명시적으로 전달합니다.

VS

중간 컴포넌트가 전달만 함 Context나 상태 관리 도구로 접근 지점을 줄입니다.