리액트쿼리 2

[React-Query] 쿼리 키 기초지식

쿼리 키동일한 쿼리 키를 사용하는 경우 트리거가 있을 경우에만 Refresh가 일어남그러나 쿼리 키는 동일하지만, 식별자가 있는 경우 각 쿼리마다 캐시를 공유하지 않고 자신만의 공간을 만들 수 있음 (라벨링)식별자를 쿼리 키 배열의 두 번째 요소에 추가하여 종속성 배열을 다르게 구성더보기💡 트리거가 일어나는 조건컴포넌트 다시 마운트창에 리포커싱useQuery 반환된 Refetch 함수 수동 실행지정된 간격에서 자동으로 재검색변형 후 쿼리를 무효화

[React-Query] React-Query(리액트 쿼리)란?

React Query리액트쿼리는 클라이언트에서 서버 데이터 캐시를 관리하는 것으로 리액트 코드에서 서버데이터가 필요할 때 Fetch나 Axios를 사용하지 않고 React Query 캐시를 요청한다역할데이터를 관리 (서버의 새 데이터를 업데이트 설정은 사용자 몫)서버에 데이터 일치하는지 확인명령형 : 쿼리 클라이언트에 있는 데이터 무시 후 캐시에 교체할 새 데이터를 서버에서 가져오게 지시선언형: 리패치를 트리거하는 조건을 구성서버 상태 관리에 도움이 되는 많은 툴 제공서버에 대한 모든 쿼리의 로딩 및 오류 상태 유지사용자를 위해 페이지네이션 무한 스크롤이 필요한 경우 데이터 조각을 가져올 수 있는 도구 제공사용자가 언제 필요할지 미리 예상한 후 프리패치데이터의 변이나 업데이트 관리쿼리는 키로 식별되므로 ..