@이언호

클라이언트 / 서버 상태

클라이언트 상태

• 데이터가 다른 클라이언트에 의해 쉽게 변하지 않으며 변화를 실시간으로 확인할 필요가 없음
• ex) 유저의 닉네임, 메뉴의 정보, 게시글 내용 등
• Recoil, Redux, MobX 등..

서버 상태

• 서버에서 관리되며 여러 클라이언트에 의해 쉽게 수정이 됨
• 수정된 데이터를 실시간으로 다른 클라이언트에서 확인이 필요함
• ex) 배민/스타벅스 주문

대표적인 라이브러리 (React Query, SWR)

TanStack Query (React Query)

단순한 fetch 작업 외에도 캐싱, 동기화, 서버 데이터 업데이트 등을 지원

• React 외에도 Vue Query, Solid Query 를 지원하며 Svelte Query 지원 준비 중
• Recoil 과의 조합으로 많이 사용되고 있음

React Query