Tanstack Query

무한 로딩 스피너 확 isLoading이 true로 계속 유지되도록 하고 싶다면, queryFn에서 데이터를 반환하지 않거나, 특정 조건이 충족될 때까지 반환을 지연시킬 수 있습니다. 예를 들어, setTimeout이나 Promise를 사용해 의도적으로 로딩 상태를

서버 데이터를 효율적으로 캐시하고, 공유하고, 갱신할 수 있도록 도와줌캐시 저장소 : 서버에서 가져온 데이터를 메모리에 저장하고, 여러 컴포넌트 간에 공유요청 중복 제거 : 같은 데이터를 여러 컴포넌트에서 요청해도 하나의 요청으로 처리자동 리패치 : 포커스 전환 시나

쿼리의 캐시된 데이터를 즉시 업데이트하는데 사용할 수 있는 동기 함수플레이리스트의 이름을 변경하는 작업에서 처음에는 invalidateQueries를 사용했음.그런데 이름이 변경되지 않는 거임.그래서 api 호출이 잘못되었나?싶어 확인해보니 → 이것의 문제는 아니었음.

Tanstack Query는 API 호출에서 발생할 수 있는 에러도 강력하게 핸들링할 수 있는 기능을 제공함.중복된 에러 로직 처리사용자에게 일관된 UX 제공 가능(예: toast 알림)인증 실패, 서버 오류, 네트워크 오류 등의 케이스에 공통 대응 가능이전에는 def

Tanstack Query의 에러 핸들링을 위해 블로그들을 찾아보면 useCallback을 사용하여 핸들러 훅을 만드는 것을 찾아볼 수 있음.훅을 만들어서 사용하는 방법과 이전에 작성한 \[에러 핸들링 with Tanstack Query React 훅을 사용하려면 컴포