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

uno-mvux-listfeed

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MVUX ListFeed provides a ready-to-use, read-only reactive collection that gracefully handles loading, empty, and error states for UI lists, enabling smooth data-driven experiences without manual state management.

Core Features & Use Cases

  • Create reactive lists from services using ListFeed.Async, ListFeed.AsyncEnumerable, or ListFeed.PaginatedAsync.
  • Bind to UI controls like ListView, GridView, or ItemsRepeater via FeedView and data bindings.
  • Decide between IListFeed<T> (read-only) and IListState<T> (mutable) and ensure item types support key equality for efficient updates.

Quick Start

Describe your data source and I will create a ListFeed-backed view that loads items, handles loading and errors, and wires it to a FeedView-bound UI.

Frequently Asked Questions about uno-mvux-listfeed

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

FAQPage Schema
How do I create reactive read-only lists for ListView in MVUX?▼

Use IListFeed<T> with factory methods like ListFeed.Async or ListFeed.AsyncEnumerable to load data from services. It binds directly to ListView via FeedView, automatically handling loading, empty, and error states without manual state management.

What is the difference between IListFeed and IListState in MVUX?▼

IListFeed<T> provides a read-only reactive collection for viewing data, whereas IListState<T> supports mutable collections where you need to add, update, or remove items directly.

How do I handle filtering and data loading patterns with IListFeed?▼

Apply Where and Select operators for filtering. For data loading, choose ListFeed.Async for single requests, ListFeed.AsyncEnumerable for streaming, or ListFeed.PaginatedAsync for paging patterns.

Does MVUX ListFeed require items to implement key equality?▼

Yes, MVUX ListFeed requires item types to implement key equality. Ensuring your data objects support key equality allows the reactive collection to efficiently track and update specific items during UI re-rendering and filtering operations.

Can I bind IListFeed to GridView or ItemsRepeater in MVUX?▼

Yes, you can bind IListFeed to GridView or ItemsRepeater in MVUX. The reactive collection integrates with FeedView and standard data bindings to seamlessly drive various ItemsRepeater, ListView, and GridView UI controls.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-mvux-records

Generate IKeyEquatable implementations for immutable MVUX records with key equality.

Official
Advanced
unoplatformunoplatform
9

uno-mvux-pagination

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

Official
Intermediate
unoplatformunoplatform
9

uno-mvux-state-basics

Create and manage mutable MVUX state with IState<T> for two-way binding.

Official
Intermediate
Italo520Italo520

react-ui-patterns

Standardize React UI loading, error, empty, and data states with reusable patterns.

Community
Intermediate