Can I use this skill to implement infinite scroll?

Yes, the skill includes specific code patterns for 'Load More' buttons and Intersection Observer-based infinite scrolling in React.

Does it support React integration?

Absolutely, it provides patterns for standard React state, SWR for data fetching, and React Router for URL-synced pagination.

What pagination method does Bknd use?

Bknd uses offset-based pagination utilizing 'limit' (records per page) and 'offset' (records to skip) parameters.

Is there a way to handle complex filtered queries with pagination?

Yes, the skill demonstrates how to combine the 'where' and 'sort' clauses with pagination parameters in both SDK and REST API calls.

How do I calculate the total number of pages?

The skill provides formulas to use the 'total' and 'limit' values from the response metadata: Math.ceil(total / limit).

Bknd Pagination Logic

Name: Bknd Pagination Logic
Author: cameronapak

bycameronapak

•

API Development

Implements robust paginated data retrieval patterns for Bknd.io applications using limit and offset strategies.

About

This skill equips Claude with specialized patterns for implementing efficient data pagination within the Bknd.io ecosystem. It covers the full spectrum of paginated data handling, from basic server-side offset calculations and metadata processing to advanced frontend implementations. Developers can quickly generate reusable helper functions, integrate with React hooks like SWR, and build sophisticated UI patterns such as infinite scroll with Intersection Observer or URL-synced navigation, ensuring high performance when handling large datasets.

Key Features

React integration patterns including SWR and URL-synced state
Reusable TypeScript helper functions for cross-entity pagination
Comprehensive pagination metadata handling for totals and page states
Infinite scroll and 'Load More' implementation logic
1 GitHub stars
Standardized limit and offset pagination formulas

Use Cases

Creating SEO-friendly paginated lists with URL search parameter synchronization
Implementing social media style infinite scroll feeds
Building high-performance data tables and admin dashboards

About

Key Features

React integration patterns including SWR and URL-synced state
Reusable TypeScript helper functions for cross-entity pagination
Comprehensive pagination metadata handling for totals and page states
Infinite scroll and 'Load More' implementation logic
1 GitHub stars
Standardized limit and offset pagination formulas

Use Cases

Creating SEO-friendly paginated lists with URL search parameter synchronization
Implementing social media style infinite scroll feeds
Building high-performance data tables and admin dashboards