ReactQuery
1.[ useQuery ] - custom hook 을 useQuery로 바꿔보자 -1
데이터를 받아오는 custom hook을 만들어서 다른 컴포넌트에 api를 fetch하는 커스텀훅을 받아온다고 가정하자커스텀훅을 호출하는 컴포넌트 마다 만들었던 커스텀훅에서 만들었던 logding , error , data 라는 상태값을 호출하게 되고 동일하게 데이터를
2023년 7월 20일
2.[ useQuery ] - custom hook 을 useQuery로 바꿔보자 -2 staleTime과 chacheTime
Stale이란 "신선하지 않은" 이라는 뜻을 가지고 있다. 기존에 조회한 데이터에서 데이터가 변경 되었을경우나, 데이터가 저장된(캐싱된) 상태에서 리액트 쿼리는 내가 가진 데이터는 신선하지 않은 데이터 !! 라고 인식한다. 또한 Stale은 "신선하지않아서 최신화
2023년 7월 21일
3.[ useQuery ] - custom hook 을 useQuery로 바꿔보자 -3 invalidateQueries 무효화하기
☝🏻 invalidateQueries useQuery는 최상위에서 provider로 감싸주기 때문에 안에 컴포넌트에서는 useQuery를 사용할 수 있다. 만약 상품등록하는 페이지에서 useQuery를 사용하고있는데 새로운 상품이 등록되어 화면에 렌더링 되도록 하
2023년 7월 21일