handling-data-sync

What problem does it solve?

This Skill addresses common pitfalls in TanStack Query mutations, preventing issues like API errors, incorrect list updates, infinite scroll bugs, and form submission double-clicks.

Core Features & Use Cases

• Optimistic Updates: Safely update the cache without breaking rollback mechanisms.
• Cache Invalidation: Implement targeted cache invalidation strategies instead of broad, inefficient refreshes.
• Infinite Scroll: Correctly signal the end of data to prevent infinite loops.
• Form Submissions: Utilize useMutation for robust form handling and automatic cache invalidation.
• Use Case: When submitting a new item to a list, ensure the UI updates immediately and correctly, and that subsequent fetches reflect the new data without errors.

Quick Start

Use the handling-data-sync skill to implement optimistic updates for a todo item mutation.