Frontend에서 State를 관리하는 방법

본 글은 React에서 전역 상태를 관리하는 다양한 방법 중 Context API, Redux, Mobx를 비교 분석합니다. 특히 Context API는 소규모 서비스에서는 유용하지만, 서비스 규모가 커질수록 성능 문제로 인해 코드 관리가 어려워지는 단점을 지적합니다.

Context API 사용 시, Provider로 제공되는 값들을 소비하는 모든 하위 컴포넌트가 불필요하게 리렌더링될 수 있으며, 이를 해결하기 위해 여러 개의 Context를 생성해야 하는 번거로움이 발생함을 예시 코드를 통해 설명합니다. 이러한 이유로 Context API보다는 다른 상태 관리 라이브러리 사용을 권장하며, 글은 Client Global State 관리 방법에 대한 논의로 이어집니다.