skills.rest
unoplatform
unoplatformOFFICIAL
Explore all skills by this author →
Website𝕏@unoplatformGitHub

uno-mvux-pagination

Implement offset/limit or cursor-based pagination for MVUX lists using ListFeed.PaginatedAsync.

9|1|Updated Dec 10, 2024
Search Tags:#infinite-scroll#paginate#listview#mvux#itemsrepeater#paginatedasync
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-mvux-pagination
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-mvux-pagination
Source: https://github.com/unoplatform/studio/tree/main/plugins/uno-platform-studio/skills/uno-mvux-pagination
Command: npx skills add https://github.com/unoplatform/studio --skill uno-mvux-pagination

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MVUX pagination is essential to manage large datasets efficiently in MVUX apps, but developers often implement ad-hoc loading logic that leads to jank and inconsistent UX.

Core Features & Use Cases

  • Implement index-based and cursor-based pagination to fetch data in pages.
  • Enable infinite scrolling with automatic page loading in MVUX ListView, GridView, or ItemsRepeater.
  • Real-world scenario: display a product catalog or feed by pages, loading more as the user scrolls.

Quick Start

Configure a MVUX list to fetch the first page of items and automatically load subsequent pages on scroll.

Frequently Asked Questions about uno-mvux-pagination

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement infinite scrolling for an MVUX ListView with large datasets?▼

Cursor-based pagination in MVUX lists is supported alongside index-based offset/limit pagination. The Skill enforces ListFeed.PaginatedAsync and PageRequest semantics to fetch pages automatically, handling large datasets efficiently across ListView, GridView, or ItemsRepeater.

Does MVUX pagination work with ItemsRepeater or GridView controls?▼

MVUX pagination works with ItemsRepeater, GridView, and ListView controls to render pages. It enforces ListFeed.PaginatedAsync integration to load data pages automatically during scroll, ensuring consistent UX for large datasets.

What's the best way to load product catalog pages automatically on scroll in an MVUX app?▼

ListFeed.PaginatedAsync manages page loading in MVUX by enforcing PageRequest semantics. It fetches the first page and automatically loads subsequent pages on scroll, replacing ad-hoc loading logic that causes jank and inconsistent UX in large datasets.

Why does my ad-hoc list loading logic cause UI jank in MVUX apps?▼

Ad-hoc loading logic causes UI jank because it lacks structured PageRequest semantics. Using ListFeed.PaginatedAsync for MVUX pagination enforces consistent page fetching and automatic loading, providing a smooth infinite scrolling UX for large datasets.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-mvux-liststate

Manage mutable reactive lists with ListState<T> in MVUX apps.

Official
Advanced
unoplatformunoplatform
9

uno-mvux-listfeed

Create reactive read-only lists from services using IListFeed<T> in MVUX.

Official
Advanced
unoplatformunoplatform
9

uno-mvux-feedview

Binds FeedView to typed streams for automatic UI updates in XAML apps.

Official
Intermediate
cameronapakcameronapak
1

bknd-pagination

Implement offset-based pagination for BKND data with limit and offset metadata.

Community
Intermediate