React 18의 서버 컴포넌트가 활성화 되면 react-query는 사라질까요?

Question

React 18에 새로 도입된 Server Component는 서버에서 렌더링되며 데이터 베이스에도 직접 접근할 수 있다고 합니다.

서버에서 렌더링되고, 직접 DB의 값을 fetching한다면 앞으로 react-query를 사용할일이 없어지는 걸까요?

앞으로 Server Component가 바꿀 프론트엔드 생태계가 궁금해지네요.

성원 · Accepted Answer

둘의 역할이 달라서 리액트 쿼리가 사라질 것 같진 않습니다. 리액트 쿼리는 주기적 폴링, 데이터 캐싱 등 클라이언트 사이드에서 유용한 기능을 제공해주고 있기 때문에 서버 컴포넌트가 이런 역할을 대체하기 쉽지 않을 것 같아요.

또한 갑자기 서버 컴포넌트에 최적화된 어플리케이션 구조를 설계할 수 없고, React 17버전 프로젝트도 많기 때문입니다.

하지만 서버 컴포넌트는 어떤 방향으로 발전할지 모르고, 캐싱과 같은 react-query의 부분적인 기능을 대체한다면 리엑트 쿼리의 역할이 점차 축소하지 않을까요?

진성주 · Answer

서버컴포넌트와는 상관없이 react-query가 하던 역할을 next.js에서도 필요하다고 느끼고 use훅을 발표하기 했지만 당장 없어질거라고 생각되진않습니다.

https://beta.nextjs.org/docs/data-fetching/fetching#use-in-client-components

공식 문서 글은 아직 경험치라든지 성원님이 말씀하신대로 페이징 기능 등 캐싱뿐 아니라 여러 기능들이 swr이나 리액트쿼리가 더 많기때문에 추천을 하는것으로 보입니다.