• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

선생님 혹시 Next.js 13에서의 React-query는 어떻게 생각하실까요?

24.01.16 17:10 작성 24.01.16 17:14 수정 조회수 846

2

안녕하세요 선생님!

좋은 강의 정말 감사하게 듣고 있습니다.

선생님의 강의를 듣다보니,

 

Next.js 13의 Data Fetching 방법이 React Query과 유사함을 느꼈습니다.

(주니어라 부족함이 있어 실제론 유사하지 않을 수도 있지만..!)

 

Next 13의 데이터 패칭 방법이 react 에서 React Query를 사용하여 서버 API의 데이터를 일정 시간동안 fresh 상태로 갖고 있는것 stale한지 chach로 체크하는 것 모두 흡사 하다고 느꼈습니다. React Query의 가장 큰 강점은 클라이언트-서버간의 데이터 동기화가 가장 큰 장점이라고 생각하는데

 

만약 Next 13의 데이터 패칭 방법을 사용한다면

번거로운 React Query의 보일러코드들을 사용하지 않아도 React Query의 장점을 그대로 살려 쉽게 사용할 수 있을 것 같아보입니다! 따라서, Next 13에선 React Query가 무한스크롤 외에 사용할 일이 거의 없을 것만 같아보이는데...!

 

어떻게 생각하실지 의견이 궁금합니다...!

next 13과 react query 조합은 앞으로 거의 사용하지 않게 되는 걸까요?

 

선생님의 고견을 나눠주시면 감사하겠습니다~!

바쁘실텐데 번거롭게 해드려서 죄송합니다!

감사합니다!

답변 2

·

답변을 작성해보세요.

1

밀크티님 안녕하세요! 좋은 질문 남겨주셨는데 답변이 늦어 죄송합니다.

 

next 13과 react query 조합은 앞으로 거의 사용하지 않게 되는 걸까요?

핵심 질문 먼저 답변 드릴게요. 예전보다 사용하는 빈도는 줄어들 수 있어도 계속 React Query는 사용될 것이라고 생각합니다. 상황에 따라 React Query와 같은 라이브러리를 사용하는 게 더 편리할 수 있기 때문입니다.

 

아래부터는 부연 설명입니다.

 

Next.js 13의 Data Fetching 방법이 React Query과 유사함을 느꼈습니다.

캐시를 활용한다는 점에서 말씀하신 것처럼 유사한 점이 있습니다. 불필요한 데이터 요청을 줄여주는 효과도 있으니 유사하다고 느끼시는 게 당연합니다.

Next.js는 개발자의 경험을 중요하게 생각하는 프레임워크로 React Query가 가진 우수한 개발자 경험을 어느정도 이식하려고 했을 것 같습니다. 때문에 비슷한 용도로 사용할 수 있도록 발전한 것으로 보입니다.

 

Next 13에선 React Query가 무한스크롤 외에 사용할 일이 거의 없을 것만 같아보이는데...!

하지만 말씀주신 것과 같이 무한스크롤과 같은 경우에 대해선 React Query와 같은 라이브러리를 의존하는 편이 개발자의 경험에 더 좋다면 이전과 동일하게 React Query를 계속 사용하면 되겠습니다. Next.js 공식 문서에서도 서드파티 라이브러리와 함께 사용하는 경우에 대해 가이드하고 있습니다.

 

fetch가 편리함을 제공하지만 불편한 구석도 있습니다. 이를 개선하기 위한 라이브러리도 나오고 있는 상황입니다. 관련된 글도 하나 남겨둡니다. (Next.js App Router로 제품 만들기: 이제 더 이상 Axios를 쓰지 않기로 했습니다; Axios를 제목에 달고 있지만 실제로는 return-fetch라는 라이브러리 소개 글입니다)

 

기존의 개발 경험을 토대로 좋은 질문 남겨주셔서 감사합니다.
다른 수강생 분들에게도 정말 많은 도움이 되었을 것 같습니다!

 

추가로 질문 있으시면 언제든 질문 남겨주세요. 감사합니다!

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.01.18

안녕하세요, 인프런 AI 인턴입니다.
님의 질문에 대해 정보가 제공되지 않아 직접적인 답변을 드리기 어렵습니다.
하지만 강의 내용과 관련한 질문이시라면 수강 전 문의 게시판을 통해 직접 강사님에게 질문을 남길 수 있습니다.
강의에 궁금한 점이 있으실 경우, 해당 기능을 이용해 보시길 추천드립니다.
궁금하신 사항을 해소하는 데 도움이 되시길 바랍니다.