React-query

React-query 는 서버의 값을 클라이언트에 가져오거나 , 캐싱 , 값 업데이트 ,에러 핸들링 등 비동기 과정을 편하게 하는데 사용한다 / 실시간 데이터를 보요주는 사이트는 리액트 쿼리를 사용하는게 좋다!

장점

1.성공 / 실패 / 로딩중 상태를 쉽게 파악이 가능하다

-result.data ajax 성공시 들어오는 데이터들 (.data)
-result.isLoding ajax가 로딩시 true (.isLoding)
-result.erro ajax 요청이 실패했을때 true (.erro )

2. 틈만 나면 자동으로 refetch를 해준다

• 코인거래소나 실시간 SNS 같은 곳에 사용된다!

**3. 요청 실패시 retry를 알아서 해준다!

4.state 공유를 안해도 된다!

-다른 컴포넌트 안에서 코드를 복붙하여 사용해도 된다!
-여러개의 같은 요청을 하나로 처리하기 때문이다!

**5.ajax 결과 캐싱 (저장) 기능이 있다!

• 캐싱은 ajax 성공 결과를 5분동안 기억을 하고 똑같은 경로로 똑같이 ajax 요청코드가 실행이 된다. 5분전에 했던 결과가 있으면 그 결과를 우선적으로 보여주고 그다음에 ajax 를 수행한다 . 기존 성공결과를 가져와서 보여주기 때문에 유저들에게 더 빠른 느낌을 보여 줄 수 있다!