2024. 6. 21. 리액트 쿼리

TanStack Query

TanStack Query는 이전에 React Query로 알려진 라이브러리로, React 애플리케이션에서 서버 상태 관리를 효과적으로 처리하는 데 사용됩니다.

 

1. 서버 상태 관리:
   • TanStack Query는 서버 상태(서버에서 가져온 데이터를 클라이언트에 캐시하는 것)를 관리하는 데 최적화되어 있습니다.
   • 일관되고 성능 좋은 방식으로 서버 상태를 가져오고, 캐시하고, 동기화하며, 업데이트할 수 있는 도구를 제공합니다.
2. 주요 기능:
   • 캐싱: 서버에서 가져온 데이터를 자동으로 캐시하여 성능을 향상시키고 불필요한 요청을 줄입니다.
   • 동기화: 백그라운드 리패칭 및 데이터 무효화를 처리하여 서버와 클라이언트 간의 데이터를 동기화합니다.
   • 에러 처리: 내장된 에러 처리 지원으로 에러를 처리하고 표시하는 것을 단순화합니다.
   • 쿼리 무효화: 데이터가 변경될 때 쿼리를 무효화하고 다시 가져오도록 합니다.
3. 사용 편의성:
   • 간단한 API: 직관적인 API를 통해 복잡한 상태 관리 로직을 간단하게 구현할 수 있습니다.
   • 개발자 경험: 개발자가 데이터 패칭 로직에 집중할 수 있도록 도와줍니다.
4. 사용 예제:
   • 데이터 패칭:
      

 

이와 같이 TanStack Query를 사용하면 서버 데이터를 쉽게 관리하고 애플리케이션의 복잡성을 줄일 수 있습니다.