리덕스, SWR, React-Query

안녕하세요, 소플입니다.

빠른 시간 내에 완강하셨군요ㅎㅎ 축하드립니다~!

말씀하신 것처럼 최근에는 프론트엔드 개발에 SWR, react-query 등을 많이 사용하긴 합니다.

다만 말씀해 주신 두 가지 라이브러리는 Redux 같은 상태 관리 라이브러리와는 약간 다른 카테고리에 속하는 라이브러리 입니다.

일반적으로 우리가 말하는 상태 관리 라이브러리는 Redux, MobX, Recoil, Zustand, Jotai 등 이고,

SWR이나 react-query는 Data Fetching & Caching 라이브러리 라고 합니다.

그래서 SWR, react-query의 목적은 서버로부터 데이터를 받아오고, 받아온 데이터들을 캐싱하고 관리하는 것이 주요 목적이라고 할 수 있습니다.

우리가 자체적으로 정의한 애플리케이션의 상태(state)들을 관리하기 위한 목적으로 사용하는 것은 아닙니다.

그래서 애초에 목적이 다르기 때문에 하나의 애플리케이션 내에서 Redux와 SWR을 함께 사용하기도 합니다.

여기서 Redux와 redux-thunk, redux-saga등을 사용해서 SWR이 해주는 역할을 직접 다 구현할 수도 있습니다만, 꽤 번거로운 작업이 될 겁니다.

그래서 애플리케이션 아키텍처를 어떻게 가져가야 할지에 대한 정답은 없지만,

지금 제 강의를 완강하신 시점에서는 먼저 React와 Redux만을 사용해서 애플리케이션 개발을 해보시는 것이 좋고,

그 이후에 필요하다면 SWR이나 react-query를 도입해보는 것이 좋습니다.

만약 개인 프로젝트로 하실 것이라면 아키텍처를 자유롭게 해도 되겠지만,

만약 회사 프로젝트로 하시는 것이라면 프로젝트 요구사항에 맞춰서 아키텍처를 잡아야 하는데,

이 부분은 프로젝트에 대한 추가 정보를 제공해주시면 제가 더 도움을 드릴 수 있을 것 같습니다.

혹시 회사 프로젝트 관련해서 공개적으로 질문하시기 어려운 부분이 있다면,

inje@soaple.io로 메일주시면 늦더라도 꼭 답장을 드리도록 하겠습니다!

감사합니다.