Server Side State와 Client Side State를 따로 관리하기 위해 React Query와 Recoil를 도입하기

[saseungmin]

해야할 일

Server Side State와 Client Side State를 Redux Store에 같이 관리 중이다.
Server Side State를 React Query를 사용하여 관리해주고, Client Side State는 Recoil로 관리해주자.
Server State를 제외한 Client Side State는 많지 않으니 보일러플레이트가 많은 Redux로 사용할 이유가 필요할까? 그렇기 때문에 Recoil를 도입
또한, React 18이 정식 Release되면 Suspense 기능을 도입할 예정.
최종 리덕스 걷어내기!
https://react-query.tanstack.com/guides/does-this-replace-client-state

진행 상황

• React Query, Recoil 세팅 Main Page에서 호출 중인 API React Query로 적용. #208
• Main Page에서 호출 중인 API React Query로 적용. #208
• 내 정보 페이지의 신청한 팀 목록, 모집한 팀 목록을 React Query를 적용하여 마이그레이션 #210
• 팀 디테일 페이지의 댓글, 신청자 리스트, 팀 정보 API에 대해서 React Query로 마이그레이션 #212
• SignInModal과 PublishModal의 Client State를 Redux에서 Recoil로 변경한다 #214
• 각 글의 신청 현황 보기 페이지를 React Query를 적용한다. #217
• 글 작성시 write fields를 Recoil 적용 및 새 글 작성 API React Query로 변경 #219
• signOut, signUp, fetch user profile API를 React Query로 변경하기 #224
• 세션과 인증과 관련된 부분을 React Query로 변경한다 #228