react/next-app-router-react-query/

[utterances-bot]

[React-Query] Next.js app router에서 사용하면서 고민했던 것들

지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠

https://soobing.github.io/react/next-app-router-react-query/

[bbbjihan]

좋은 글 잘 읽었습니다. 예제도 너무 잘 작성해주셔서 잘 읽힌 것 같아요. react-query 관련된 다른 글들도 도움이 많이 되었습니다. 감사합니다.

[jungsikjeong]

저도 잘읽었습니다.

[semanticist21]

개인적으로 suspenseQuery 쓰는게 경험이좋았습니다
로딩에대한 ui도 필요업고, 컴포넌트내부적으로도 undefined 처리에대한고민이없으니까요. 워터폴자체도 크게 문제될건 없는게 일반적으로 get이 페이지단 거의최상단에 위치하게되잇기도하고, 애초에 로딩,에러상태가업으니 fetch 상태에따른 워터폴이업어서 우려하는 문제도 크게없엇습니다