Infinite Scroll الگوی محبوب بارگذاری محتوا هنگام اسکرول است. پیادهسازی صحیح مهم است.
پیادهسازی
Intersection Observer + React Query بهترین ترکیب. بدون scroll event listener.
- Intersection Observer
- React Query: useInfiniteQuery
- Loading indicator
UX مهم
شماره صفحه URL، دکمه "بارگذاری بیشتر" بهعنوان fallback و Scroll Restoration.
جمعبندی
Infinite Scroll خوب باید URL-aware و قابلبوکمارک باشد.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!