Nextjs14 에서의 react query사용의 필요성
리액트 쿼리를 사용하면 결국 client side fetching이 됩니다.
nextjs13부터 server side fetching이 가능해지고 suspense를 활용한 data streaming은 데이터펫칭에서 새로운 패러다임을 제시했다고 생각합니다. 굳이 리액트 쿼리를 사용할 이유가 있을까요?
답변 1
3
너무 좋은 질문을 주셨네요 5MIN VET님! Server action, Suspense, fetch caching정책 등 이미 훌륭한 네트워크 관리 솔루션이 탑재되어 있는 Next.js 14 버전에서 react-query를 써야하는지에 대한 주제는 이미 핫한 주제중 하나입니다. 전혀 필요없다는 사람도 있고 기존에 쓰던 기술이라 관성으로 계속 쓰는 사람들도 있어요 🙂
하지만 모든 기술이 그렇듯이, 흑백논리로 A 기술이 등장했다고 해서 B 기술이 쓸모없어지지는 않습니다. 제가 여전히 react query를 쓰고있는 이유는 아래와 같아요.
fetch를 활용하지 않는 SDK 또는 레거시 코드들(axios)에 클라이언트 캐싱이 필요할 때
client-side api call + state management가 필요할 때 react query로 두가지를 한번에 해결할 수 있음 (가독성이 좋습니다)
무한 스크롤 구현시 유용한 훅을 제공합니다. 이외에도 pagination 구현시 유용한 훅을 제공하거나 mutation과 연관된 캐시 키들을 활용해 optimistic update를 하는 등 고수준의 최적화가 가능해요.
제 개인적인 생각으로는, react query를 사용할지 말지는 이제는 취향의 영역으로 넘어온 것 같습니다. 관련해서 해외 아티클과 reddit을 정말 많이 찾아봤던 사람으로서, 아래 글이 제일 정리를 잘했다는 판단이 들어서 공유를 드려요 ㅎㅎ 또 의문이 드는 부분이 있다면 언제든지 질문주세요 😉
Recoil 에러
0
82
1
투두 리스트 ui 작업 중에 material-tailwind가 리액트와 호환 문제가 있는지 리액트 19에서 18로 낮춰도 인풋과 아이콘 버튼 컴포넌트가 제대로 표시되지 않아요 ㅜㅜ
0
74
1
supabase 오픈 소스 사용에 대해서
0
90
0
next와 react query 버전 업데이트 관련 질문
0
71
1
Vercel 무료버전 서버속도
0
541
2
material 붉은 밑줄
0
114
2
파일 이름이 한글일 때 에러 발생
0
255
2
recoil 타입 에러
0
105
2
강의 code 올려논 github 있나요 ?
0
111
2
아니... 강의 자료가 없나요?
0
181
3
무한스크롤 기능, 검색기능 대소문자
0
105
1
smtp부분
0
89
2
모듈 에러
0
147
2
20:34초에 await이 아무 효과가 없다고 뜨는데 사용하신 이유가 궁금합니다
0
167
2
latest 버전 변경에 따른 프로젝트 설정 방식 업데이트 가능하신가요
0
154
2
개인 개발자 비즈 앱 전환 버튼이 안보여요
0
250
2
supabase에서 가입된 유저를 강제로 로그아웃 시키는 방법?
0
422
2
메세지를 전송하면 DB에는 남는데 화면에 보이지 않아요.
0
134
2
6:29 movie-card-list.tsx파일작성하시기전에
0
87
2
todolist할때 컴포넌트 분리 안했던 것 같은데...
1
139
2
vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 제거할 수는 없나요?
0
322
2
searchMovies에서 hasNextPage가 필요한 이유
0
138
2
react 19버전에서는 recoil사용이 어렵나요?
0
1496
2
netflix clone 할 때 recoil을 하는 순간 에러가 없어지지 않아요
2
318
3