Relay Pagination Master
Implements high-performance Relay cursor-based pagination and infinite scroll patterns for React applications.
This skill provides specialized guidance for implementing the GraphQL Cursor Connections Specification using Meta's Relay framework. It streamlines the creation of complex pagination patterns, including infinite scroll, bidirectional loading, and filtered search results, while ensuring efficient cache updates and optimistic UI responses. It is essential for developers building data-intensive React applications that require scalable, performant list management and deep integration with Relay's fragment-driven architecture.
주요 기능
01Declarative pagination patterns using usePaginationFragment
02Optimistic UI updates for prepending/appending edges to connections
03Standardized GraphQL Cursor Connections implementation guidance
04Bidirectional and filtered pagination for complex data tables
0595 GitHub stars
06Infinite scroll logic with Intersection Observer integration
사용 사례
01Creating high-performance product catalogs with bidirectional 'load more' functionality
02Building social media feeds with seamless infinite scroll and cache management
03Implementing administrative dashboards with complex filtered and searchable data sets