안녕하세요, next.js로 처음 프로젝트 시작하는 초보 개발자입니다!
 지금까지 React로만 개발해오고 상태관리 라이브러리는 Redux만 사용해봐서 이번에 새로운 라이브러리를 사용해보려고 합니다.

next.js에서는 swr이나 react-query를 자주 사용한다고 하는데 어떤걸 쓰면 좋을까요? 장단점이나 여러가지 알려주시면 감사하겠습니다🙌

툴은 사실 각자의 장단점이 있어서 구현하고자하는 기능에 더 적합한 라이브러리를 사용해주시면 됩니다! 다만 제가 React Profiler를 사용해서 렌더링 효율을 측정하기로는 react-query가 조금 더 빨랐습니다. 

관련 블로그 글을 같이 공유 드립니다!

https://jasonkang14.github.io/nextjs/is-server-side-rendering-really-faster

풀스택개발자

강병진

개발자가 세상을 바꿀 수 있다고 믿습니다. 
같이 일하고 싶은 좋은 동료가 되고 싶습니다. 
지금은 의료 인공지능 스타트업 퍼즐에이아이에서 비대면 진료 솔루션을 만들고 있습니다. 

저는 보통 라이브러리 선택시에 다음 조건을 고려합니다.

1. 사용하는 사람이 많고 유지보수가 잘 되고 있는지
2. 작업자에게 익숙한지
3. 구현할 프로젝트에 필요한 기능이 있는지, 성능, 용량

1. 사용하는 사람이 많고 유지보수가 잘 되고 있는지
react-query와 swr npm 트렌드는 50만 다운로드 정도 차이나네요!
https://npmtrends.com/react-query-vs-swr

swr은 4월 11에 최신 업데이트됐고 react-query는 2일 전입니다.

우선 두 라이브러리다 업데이트가 잘 되고, 많이 사용되고 있는 것 같습니다.

2. 작업자에게 익숙한지
질문자 분께서 두 라이브러리 모두 처음 사용해본다고 하셨으니 같은 조건인 것 같습니다.

3. 구현할 프로젝트에 필요한 기능이 있는지, 용량, 성능
용량: 번들사이즈는 swr이 더 가볍다고 합니다. 
성능: swr을 깊게 사용해본적이 없어서 기능 비교는 어렵지만 
https://blog.logrocket.com/swr-vs-tanstack-query-react/ 이 블로그를 참고해봤을 때

swr: 가벼운 사이즈로 React 요청 처리에서 캐싱 문제를 해결하기 위한 최소한의 API를 제공.
react-query: swr과 동일한 문제를 해결하지만 더 고도화된 기능 제공.

개인적으로는 둘다 사용해보시고 프로젝트에 필요한 기능들을 비교한 뒤 선택하는 것 추천드려요!

Software Engineer

성원

next.js swr vs react-query 어떤 라이브러리를 선택해야 할까요?

최근 많은 컨퍼런스와 기술블로그에서 redux와 saga를 리액트 쿼리로 전환한 경험을 공유하고 있는데요. redux와 saga의 불편함과 복잡함에 비하면 리액트 쿼리는 훨씬 사용이 간편하고 캐싱과 같은 편리한 기능 때문에 그러한 내용들에 공감이 많이 됩니다. 

하지만 리액트와 nextjs의 최신 버전을 보면 서버 사이드에서 데이터를 가져오는 방향으로 컴포넌트가 발전하고 있고 데이터 호출에 대한 캐싱도 제공하고 있습니다. 앞으로 이러한 기능이 점점 안정화가 된다면 유저정보와 같은 사용자만의 데이터 외에는 클라이언트 사이드에서 데이터 호출은 많이 줄어들 것으로 보이고 이 마저도 새롭게 나오는 use() 훅을 사용해볼 수 있을 것 같아서요

분명 서버데이터에 대한 상태관리 도구로 redux와 saga의 대안이 필요한건 맞지만 지금 시점에서 리액트 쿼리를 도입하는게 맞을지 고민이 되기도 합니다. 다른 개발자 분들은 어떻게 생각하시는지 궁금합니다!

리액트 쿼리는 앞으로 어떻게 될까요?

회사가 아직 소규모라 프로세스가 잘 잡혀있지 않습니다. 
현재까지 각자 로컬 환경에서 빌드 & 배포하고 있는데 이제 진짜 한계인 것 같아서 배포 자동화를 시도해 보려 합니다. 
속해 있는 조직에서는 배포 자동화를 어떻게 하고 계신지 궁금합니다...!!

react-native 배포 자동화 어떻게 하고 계시나요?

제가 기존에 airbnb에서 만든 react-dates로 만들어진 date-picker를 리팩토링 해야합니다 기존에 사용하던게 디펜던시가 크고 하다보니 바꾸려고 하는데

직접 커스텀으로 구현해서 쓸지 다른 라이브러리를 써볼지 고민됩니다