저장소와 로컬 상태 중 언제 사용할까요

데이터가 해당 컴포넌트에만 속한다면 컴포넌트에서 let을 사용하십시오.

상위 컴포넌트에서 전달되는 입력에는 export let을 사용하십시오. 상태의 소유자는 상위 컴포넌트입니다.

서로 관련 없는 여러 컴포넌트가 같은 데이터를 공유하거나 그 데이터에 반응해야 할 때 스토어를 사용하십시오.

현재 사용자, theme, 장바구니 내용, 알림처럼 전역적으로 사용되는 모든 항목입니다.

양식 입력, 토글, 마우스 오버 상태, 애니메이션 타이머처럼 한 컴포넌트에 한정되는 항목입니다.

전역적이지 않으면서 하위 트리 전체에서 공유하는 데이터에는 setContext/getContext를 사용하십시오.

로컬 상태로 시작하고, 공유 요구 사항이 커질 때 스토어로 승격하십시오.

로컬 상태는 테스트하기 가장 쉽습니다. 스토어에는 모의 객체를 사용하거나 감싸는 작업이 필요합니다.

상태를 영속화하려면 스토어를 localStorage 동기화로 감싸십시오.

로컬 상태에서 스토어로 옮기는 작업은 작은 리팩터링입니다. let을 스토어로 바꾸고 x를 $x로 교체하면 됩니다.

모든 상태를 스토어에 넣으면 암시적 결합이 생깁니다. 꼭 필요할 때까지는 로컬 상태를 우선하십시오.

스토어는 언제 사용해야 합니까?

기본적으로 로컬 let을 사용하고, 공유할 필요가 커지면 스토어나 컨텍스트로 승격하십시오.