What problem does it solve? Frontend writes often feel slow, flicker, or leave caches inconsistent when server responses lag or fail. This Skill codifies a disciplined write path for React and React Native apps so mutations feel instant, roll back exactly on failure, and keep every cached view coherent. ## Core Features & Use Cases - Five-Beat Optimistic Lifecycle: Enforces cancel in-flight queries, snapshot caches, patch instantly, roll back verbatim on error, and invalidate on settle using TanStack Query, RTK Query, or SWR. - Cache Coherence Across Surfaces: Patches the detail cache and every affected list page together using hierarchical query key factories, so badges and lists never disagree. - Idempotency and Retry Policy: Generates idempotency keys at intent time for safe retries on money-moving writes, with network-only bounded retry rules. - Use Case: When a user marks an invoice as paid, the UI updates immediately across the detail view and all list pages; if the server rejects the write, the exact prior state is restored and the user sees a typed error. ## Quick Start Ask the AI to apply the frontend-optimistic-mutations discipline to add an optimistic status-toggle mutation with snapshot rollback and cache invalidation to your React feature module.
