[2주차] 인피니티 스크롤 구현

[woogie0303]

🤔 과제하면서 궁금한점

새로고침 시 기존 데이터 유지 및 스크롤 이동

💭 데이터 로컬스토리지 적용

• useInfiniteQuery에서 7페이지 까지 불렀으면 불러와진 데이터를 localstorage저장한다
• 이미 불러와진 7페이지에서 pageParam은 7이니까 localstorage에 저장하고 initialPage를 pageParam으로 적용한다 로컬 스토리지에 없으면 기존과 동일하게 1로 설정한다.

🚨 내가 생각하는 문제

• 로컬스토리지에 useInfiniteQuery를 따로 저장하는건 client state와 server State에 분리가 되서 문제가 있다.

👍 나의 해결법

• react-query 는 인 메모리라서 새로고침할 때마다 새롭게 생성된다. 여기서 인메모리란 자바스크립트가 실행되고있는 동안이라는 뜻인 것 같다.
• 그래서 도입한 것이 react-query-persist-client

다른분들은 어떻게 해결했는지 궁금합니다

react-virtuoso

🚨 문제