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.

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

01React integration patterns including SWR and URL-synced state

02Reusable TypeScript helper functions for cross-entity pagination

03Comprehensive pagination metadata handling for totals and page states

04Infinite scroll and 'Load More' implementation logic

051 GitHub stars

06Standardized limit and offset pagination formulas

Use Cases

01Creating SEO-friendly paginated lists with URL search parameter synchronization

02Implementing social media style infinite scroll feeds

03Building high-performance data tables and admin dashboards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cameronapak/bknd-skills bknd-pagination

For use in Claude.ai and ChatGPT

Download Skill