본문 바로가기

TIL

TIL - TanStack Query의 주요 개념

 

  • 쿼리(Queries):
    • 데이터 패칭 작업을 나타냅니다.
    • 고유한 쿼리 키와 패치 함수(fetch function)를 사용하여 정의됩니다.
    • 자동으로 캐시되고 백그라운드에서 업데이트됩니다.
  • 뮤테이션(Mutations):
    • 서버 데이터를 변경하는 작업을 관리합니다.
    • 사용자가 데이터를 생성, 업데이트 또는 삭제할 때 사용됩니다.
    • 성공 또는 실패 시 자동으로 쿼리 캐시를 업데이트합니다.
  • 캐싱(Caching):
    • 동일한 쿼리가 여러 번 실행될 때 중복 패칭을 방지합니다.
    • 캐시된 데이터를 기반으로 빠른 UI 업데이트를 제공합니다.
  • 자동 리페칭(Automatic Refetching):
    • 데이터가 변경되었을 가능성이 있을 때 쿼리를 자동으로 다시 실행합니다.
    • 네트워크 상태 변화, 페이지 포커스, 또는 데이터 변경 이벤트와 같은 조건에서 트리거될 수 있습니다.
  • 백그라운드 업데이트(Background Updates):
    • 사용자 경험을 방해하지 않고 데이터를 최신 상태로 유지합니다.
    • 사용자가 데이터를 보고 있을 때 백그라운드에서 쿼리를 실행하여 최신 데이터를 가져옵니다.
  • Devtools:
    • 개발자가 쿼리와 뮤테이션 상태를 쉽게 확인하고 디버깅할 수 있도록 도와주는 도구입니다.
    • 애플리케이션의 데이터 흐름을 시각화하고 관리할 수 있습니다.



TanStack Query는 데이터 패칭을 보다 효율적이고 간편하게 처리할 수 있게 해주는 도구로, 특히 복잡한 상태 관리를 단순화하는 데 큰 도움이 됩니다.