React Query 사용기

회사에서 사용 중인 리액트 쿼리.server state를 아주 효율적으로 관리할 수 있는 라이브러리이다.기존에 isLoading, isError, refetch, 데이터 캐싱 등 개발자가 직접 만들려면 꽤 귀찮거나 까다로웠던 기능을 제공해준다.리액트 쿼리 사용을 위해

이전 시리즈에서 더 나아가 useQuery를 회사에서 어떻게 쓰고 있는지 정리해두려 한다.QueryClient 에서 추가적으로 defaultOptions 를 적용할 수 있다.refetchOnMount, refetchOnReconnect, refetchOnWindowFo

useQuery 와 다르게 mutation은 데이터를 생성 / 업데이트 / 삭제 할 때 사용 된다. 이번은 useMutation 의 기본 편이고 실용 편도 작성할 예정이다.

지난 번에는 useMutation 의 기본 적인 사용 방법에 대해서 소개했다. 이번에는 잠깐 전 편에서 잠깐 언급했던 custom hook을 사용하면서 queryClient랑 함께 사용하기와 optimistic updates 에 대한 내용을 적으려한다.

리액트 쿼리를 사용하면 만나게 되는 잦은 api 요청과 리렌더링! 리액트 쿼리의 라이프 사이클과 세부 옵션들을 잘 모르면 이런 상황들을 만날 수 있는데요, 왜 이렇게 되는지, 주의해야할 점은 무엇인지, 어떻게 개선할 수 있을 지에 대한 내용을 작성했습니다.