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

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

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

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

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

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

Software Engineer

성원

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

프로젝트에서 사용하는 이미지를 어디에 저장해야 할지 고민입니다. 
지금까지는 public폴더를 만들어서 제 로컬에 저장했는데, S3같은 외부 스토리지에 파일을 저장 한 뒤 링크로 접속하는 방법도 있는 것 같아서 어떤 방식으로 해야하는지 고민됩니다.

두 방법의 장단점이나, 다른 분들은 주로 어떻게 저장하는지 의견을 듣고싶습니다.  

react 프로젝트에서 image 파일을 보통 어디에 저장하시나요?

안녕하세요! 리액트 쿼리를 통해 페이지 네이션을 구현했습니다. 특정 페이지에서 데이터가 변경됐을 때 해당 페이지의 데이터를 다시 가져와서 페이지의 ui를 변경해주어야 합니다. 이때 refetch 또는 invalidate를 사용할 수 있는데 결과는 같은 것 같더라구요.

결과는 같지만 refetch와 invalidate의 동작이나 성능 또는 어떤 방면에서 차이가 있는지 문득 궁금해졌습니다!  

혹시 데이터를 새로 가져올 때 어떤 함수를 쓰면 좋을까요? 답변을 통해 좋은 인사이트를 얻고 싶습니다! 감사합니다.