svelte-infinite

• Purpose: A Svelte 5 component for infinite scrolling, designed to load more data as users scroll to the bottom of a list. It includes features like loop detection, customizable loading states, and IntersectionObserver-based triggering.

• Key Features:

  • Flexible: Works with various data fetching scenarios.
  • Infinite Loop Detection: Prevents excessive API calls with configurable timeouts.
  • Loader State Control: Manages loading, error, and completion states.
  • IntersectionObserver-based: Efficiently detects scroll positions.
  • Svelte 5 Support: Uses runes and snippets for modern Svelte development.

• Target Audience: Developers building Svelte 5 applications requiring infinite scroll functionality, particularly those needing paginated data loading with customizable UI feedback.

• Core Components:

  • InfiniteLoader: Wraps content and triggers loadMore function on scroll.
  • LoaderState: Manages loading states (loaded, error, complete, reset).

• Customization:

  • Snippets: Replace default UI for loading, errors, no data, etc.
  • IntersectionObserver Options: Adjust scroll detection thresholds.
  • Loop Detection: Configurable timeouts and call limits.

• Example Use Case: Paginated API data fetching with error handling and retry logic.

• Demo: View Demo

• Note: Exclusively for Svelte 5 (no support for other frameworks).