스토어는 어플리케이션 여러 상태를 중앙에서 관리하는 패턴이다. 컴포넌트 간 데이터를 쉽게 공유하고 데이터 변경을 감지해 자동으로 렌더링할 수 있다.
대부분의 구조는 최상위 컴포넌트 기준으로 하여 여러 하위 컴포넌트가 구성되어 있다.
만약 컴포넌트 간 공유할 데이터가 있을 때, 기본적으로 부모와 자식 컴포넌트 간 데이터 전달이 가능하다. 이것을 props 방식이라고 한다.
그런데 부모와 자식 간 중첩된 관계에서 불필요하게 거치는 중간 단계의 컴포넌트들이 생길 수 있다. 이 방식은 컴포넌트 간 결합도가 높아지고 유지보수가 매우 어렵다.
A2와 B3-1 간 데이터를 공유하기 위해선느 A1 → App → B1 → B2 같은 불필요한 경로가 생기게 되는데 이것을 prop drilling이라고 한다.
store방식은 컴포넌트 간 공유할 데이터를 중앙에서 관리한다.
이것은 컴포넌트 간 결합도를 낮추고 유지보수를 수월하게 할 수 있다.