[TanStakQuery] Scroll Restoration

Jeris·2023년 5월 22일
0

기존에는 웹 브라우저에서 이전에 방문했던 페이지로 이동하면 해당 페이지에서 이동하기 전의 정확한 위치로 페이지가 스크롤되는 것을 볼 수 있었습니다. 이를 스크롤 복원이라고 하며, 웹 애플리케이션이 클라이언트 사이드 데이터 fetching으로 변하기 시작한 이래로 약간 퇴보해 왔습니다. 하지만 TanStack Query에서는 더 이상 그렇지 않습니다.

기본적으로 모든 쿼리(paginated, infinite queries 포함)에 대한 "스크롤 복원(scroll restoration"은 TanStack Query의 Works™️ 에서만 가능합니다. 그 이유는 쿼리 결과가 캐시되어 쿼리가 렌더링될 때 동기적으로 검색할 수 있기 때문입니다. 쿼리가 충분히 오래 캐시되고(기본 시간은 5분) 가비지 수집되지 않는 한, 스크롤 복원은 항상 즉시 작동합니다.

Reference

profile
job's done

0개의 댓글