webf-infinite-scrolling

What problem does it solve?

This Skill enables building long, smooth-scrolling lists in web and hybrid UIs by leveraging WebFListView to virtualization-render thousands of items with native-like pull-to-refresh and load-more capabilities. It solves performance bottlenecks from rendering large DOM trees and provides deterministic item rendering for scroll-heavy interfaces.

Core Features & Use Cases

• Virtualized rendering: WebFListView recycles item views to maintain 60fps scrolling on large datasets.
• Pull-to-refresh + infinite scrolling: Out-of-the-box support for refreshing content and loading additional items as the user scrolls.
• Direct-children requirement: Each list item must be a direct child of WebFListView for proper virtualization.
• Cross-framework examples: Usage patterns for React and Vue are provided to fit modern web apps (e.g., feeds, catalogs, chat).

Quick Start

Use the webf-infinite-scrolling skill to create a feed with pull-to-refresh and load-more, ensuring each item is a direct child of WebFListView.