react-ui-patterns

Modern React UI patterns for loading states, error handling, and data fetching. Show loading indicator ONLY when there's no data to display. CRITICAL: Never swallow errors silently. CRITICAL: Always disable triggers during async operations. Every list/collection MUST have an empty state: Before completing any UI component: UI States: Data & Mutations: This skill is applicable to execute the workflow or actions described in the overview. - Covers five core principles: never show stale UI, always surface errors, use optimistic updates, progressive disclosure, and graceful degradation - Provides decision trees and component patterns for loading indicators, skeleton screens, error states, empty states, and button submission handling - Includes critical anti-patterns to avoid, such as showing spinners when cached data exists, silently swallowing errors, and failing to disable buttons during async operations - Offers a pre-submission checklist covering UI states, data mutations, and user feedback requirements - Never show stale UI - Loading spinners only when actually loading - Always surface errors - Users must know when something fails - Optimistic updates - Make the UI feel instant - Progressive disclosure - Show content as it becomes available - Graceful degradation - Partial data is better than no data - graphql-schema : Use mutation patterns with proper error handling -...