- 쿼리(Queries):
- 데이터 패칭 작업을 나타냅니다.
- 고유한 쿼리 키와 패치 함수(fetch function)를 사용하여 정의됩니다.
- 자동으로 캐시되고 백그라운드에서 업데이트됩니다.
- 뮤테이션(Mutations):
- 서버 데이터를 변경하는 작업을 관리합니다.
- 사용자가 데이터를 생성, 업데이트 또는 삭제할 때 사용됩니다.
- 성공 또는 실패 시 자동으로 쿼리 캐시를 업데이트합니다.
- 캐싱(Caching):
- 동일한 쿼리가 여러 번 실행될 때 중복 패칭을 방지합니다.
- 캐시된 데이터를 기반으로 빠른 UI 업데이트를 제공합니다.
- 자동 리페칭(Automatic Refetching):
- 데이터가 변경되었을 가능성이 있을 때 쿼리를 자동으로 다시 실행합니다.
- 네트워크 상태 변화, 페이지 포커스, 또는 데이터 변경 이벤트와 같은 조건에서 트리거될 수 있습니다.
- 백그라운드 업데이트(Background Updates):
- 사용자 경험을 방해하지 않고 데이터를 최신 상태로 유지합니다.
- 사용자가 데이터를 보고 있을 때 백그라운드에서 쿼리를 실행하여 최신 데이터를 가져옵니다.
- Devtools:
- 개발자가 쿼리와 뮤테이션 상태를 쉽게 확인하고 디버깅할 수 있도록 도와주는 도구입니다.
- 애플리케이션의 데이터 흐름을 시각화하고 관리할 수 있습니다.
TanStack Query는 데이터 패칭을 보다 효율적이고 간편하게 처리할 수 있게 해주는 도구로, 특히 복잡한 상태 관리를 단순화하는 데 큰 도움이 됩니다.
'TIL' 카테고리의 다른 글
TIL - React 컴포넌트의 생애주기 (0) | 2024.06.13 |
---|---|
TIL - 트러블 슈팅 with tanstack/react-query (0) | 2024.06.12 |
TIL - SPA 블로그 프로젝트 마무리 및 다음 계획 (0) | 2024.06.10 |
TIL - 맛집 공유 뉴스 피드 사이트 프로젝트 회고 (트러블슈팅 위주) (0) | 2024.06.07 |
TIL- Supabase (1) | 2024.06.05 |