상태(state)란 동적으로 표현되는 데이터를 의미한다.
보통 리액트에서는 컴포넌트 안에서 useState 훅을 이용하여 상태를 관리하는데
컴포넌트 안에서 상태를 관리 할 경우 아래와 같은 문제가 있다.
- 자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.
- 자식 컴포넌트들 간의 데이터를 주고 받을 때는 상태를 관리하는 부모 컴포넌트를 통해 주고 받는다.
- 자식 컴포넌트가 많아진다면 상태 관리가 매우 복잡해진다.
- 상태를 관리하는 상위 컴포넌트에서 계속 내려받아야한다. -> (Props drilling)
이러한 문제를 해결하고 상태 관리를 효율적으로 하기 위해 상태 관리 라이브러리를 사용한다.
상태 관리 라이브러리는 아래와 같은 장점이 있다.
- 전역 상태 저장소 제공 (store)
- Props drilling 이슈 해결
상태 관리 라이브러리 종류
- Redux
- MobX
- Recoil
React에서 기본적으로 제공하는 Context 훅도 있다.
Developer