Store에서 비동기 통신 분리하기 (feat. React Query)

이 글은 배달의민족 주문 서비스팀에서 FE 프로덕트의 구조 개편을 준비하며 겪었던 Store의 비대화 문제와 이에 대한 고민을 공유합니다. 저자는 기존에 Redux, Mobx와 같은 상태 관리 라이브러리를 통해 비동기 통신까지 관리하던 방식이 Store의 본질적인 역할을 넘어서고 있다고 지적합니다.

이러한 문제를 해결하기 위해 비동기 통신 로직을 Store에서 분리하고, React Query를 도입하기로 결정한 배경과 과정을 설명합니다. 이를 통해 FE 개발의 생산성 향상과 코드의 효율적인 관리를 목표로 합니다.