다시 한번 짚고 가기 / 리액트 쿼리 복습

 

 

리액트 쿼리란?

서버 상태 관리를 도와주는 '라이브러리'

 

리액트 쿼리 왜썼누

 

1. 캐쉬 사용   => 그게 queryClient에 저장되는 듯??

이전 페이지로 돌아왔을 때, 이미 로드되었던 데이터가 캐쉬에 저장되어 재로드 ( API 호출)할 필요가 없다

2. 데이터가 업데이트 되면 자동으로 다시 업데이트를 해줌

React-Query 가 데이터를 Refetching 해오는 상황은 ?

• 브라우저에 포커스가 들어왔을 경우 (refetchOnWindowFocus)
• 새로 마운트가 되었을 경우 (refetchOnMount)
• 네트워크가 끊어졌다가 다시 연결된 경우 (refetchOnReconnect)
• React-Query 는 캐싱 된 데이터는 항상 stale 하다고 판단하며, stale 상태인 데이터를 Refetching

3. fetch 썼을때보다 코드가 간결해짐