전역상태관리

전역상태관리란 말하는바 그대로 전역에서 상태를 관리한다는 의미입니다.
리액트에서는 상위에서 하위로 상태값을 전달하여 상태를 관리하게 되어있습니다.

그러나 위와 같이 컴포넌트가 분리되어 점점 더 많아지는 컴포넌트에서 상태를 관리하게 위해서는 결국 props를 통해 사용하는 하위까지 값을 전달해야 합니다.

실제로 하위 컴포넌트에서 사용을 위해 불필요한 props를 전달받아야 하는 상황이 발생하고 props drilling이라는 문제가 발생합니다.

• Prop Drilling ?
  Prop Drilling 은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정입니다.
  > React에서 Prop Drilling과 해결 방법

Prop Drilling과 같은 문제로 인해 상태관리를 보다 편하고 불필요한 props 전달을 막을 필요가 생겼고 전역상태관리가 필요해졌습니다.

ConText API

전역에서 상태관리를 하는 방법에는 리액트 Hook에서 제공하는 Context API 라는것을 제공합니다.

자세한 사항은 리액트 공식 사이트(리액트 Context)에서 확인 가능합니다.

Redux

리덕스는 현재 가장 많은 리액트 사용자가 사용하는 전역상태관리 입니다.

위에는 리덕스 공식 홈페이지에서 제공하는 메인 화면 입니다.

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다.
Redux는 여러분이 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와줍니다. 여기에 더해서 시간여행형 디버거와 결합된 실시간 코드 수정과 같은 훌륭한 개발자 경험을 제공합니다.

Context 와 Redux에 대해서는 다음에 좀 더 자세히 다뤄보도록 하겠습니다.