react-query로 프로젝트를 하고 느낀점(장점)

1. 비동기 작업이 너무 간단함.(fetch, redux-toolkit의 thunk)

별도의 코드라인 작성없이 useQuery 한방이면 끝.

2. 코드가 간결하고 직관적이라 코드의 흐름을 따라가기 쉬움.

 코드를 작성하고 나면 useQuery의 옵션을 통해 직관적으로 성공했을 때의 로직과 실패했을 때 로직, 아래 코드에는 없지만 항상 실행시키는 로직, 그리고 mutation에서는 onMutate까지 코드의 흐름을 읽기 너무 좋다.

3. DX 측면에서 개발 생산성 향상

 이번 프로젝트에서 가장 많이 느낀 것은 refetch의 활용!
 서버 상태와 일치시키고 싶은 순간 refetch함수 호출이면 끝.

4. staleTime 과 cacheTime을 통한 불필요한 서버 요청 최소화

 처음 리액트 쿼리를 배울 때에 개발자 도구, 네트워크 창에서 하나씩 찍어보면서 신기했었던 부분.
 staleTime : fresh 상태가 얼마나 유지되는지.
 cacheTime : 사용하지 않게 되고 나서 얼마나 캐싱해둘지.

5. 이번 프로젝트에서 사용하지는 않았지만 프리패치 기능을 통한 렌더링 최적화

6. 무한 스크롤 구현을 간단하게 useInfiniteQuery 훅! 

 

1번부터 4번까지는 이번 프로젝트에서 사용하면서 직접적으로 느꼈고 5번과 6번은 별도의 프로젝트에서 또는 강의를 통해 구현해보면서 느꼈던 점. 확실한 건 react-query를 쓰고 나니까 너무 좋다는 점.