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.
Key Features
01Declarative pagination patterns using usePaginationFragment
02Optimistic UI updates for prepending/appending edges to connections
