Skip to content

Implement infinite scroll and scroll position preservation in Home co.. close #417 - #457

Merged
Otaiki1 merged 5 commits into
crackedstudio:masterfrom
Meet-hybrid:feature/new-task
Apr 29, 2026
Merged

Implement infinite scroll and scroll position preservation in Home co.. close #417#457
Otaiki1 merged 5 commits into
crackedstudio:masterfrom
Meet-hybrid:feature/new-task

Conversation

@Meet-hybrid

@Meet-hybrid Meet-hybrid commented Apr 28, 2026

Copy link
Copy Markdown
Contributor

Closes #417

🎯 Summary

Implements infinite scroll pagination on the Home page to improve performance and user experience as the number of raffles grows. Replaces the single large fetch with incremental page loading triggered by an IntersectionObserver sentinel.

📋 Problem

The Home page currently loads all raffles in a single request, causing:

  • Long initial load times as the raffle catalog grows
  • Large DOM rendering overhead
  • Poor perceived performance on slower connections
  • No way to browse incrementally

✨ Solution

An infinite scroll system with the following components:

  1. useIntersectionObserver hook — Reusable IntersectionObserver wrapper
  2. Sentinel-based loading — Auto-fetches next page when user scrolls near bottom
  3. Scroll position preservation — Restores scroll position on browser back navigation
  4. Deduplication — Prevents duplicate cards between overlapping requests

@vercel

vercel Bot commented Apr 28, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the otaiki1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Meet-hybrid Meet-hybrid reopened this Apr 28, 2026
@Meet-hybrid Meet-hybrid changed the title Implement infinite scroll and scroll position preservation in Home co… Implement infinite scroll and scroll position preservation in Home co.. close #417 Apr 29, 2026
@Otaiki1
Otaiki1 merged commit ae84adf into crackedstudio:master Apr 29, 2026
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement infinite scroll for the raffle listing on Home page

2 participants