React UI Patterns

概要

The React UI Patterns skill provides a comprehensive framework for building resilient and user-friendly React interfaces. It focuses on the critical logic required to handle complex state transitions, such as preventing UI flickering by using intelligent loading logic, ensuring errors are always visible to the user, and managing button states during asynchronous operations. By standardizing patterns for skeletons, spinners, and empty states, this skill helps developers create professional applications that feel fast and responsive even under varying network conditions.

主な機能

• 0 GitHub stars
• Intelligent loading state logic to prevent UI flashing and stale data displays
• Standardized empty state requirements for all collection-based UI components
• Async operation management for buttons to prevent duplicate submissions and provide feedback
• Comprehensive error handling hierarchy ranging from inline field errors to full-screen states
• Best practices for progressive disclosure and graceful degradation of partial data

ユースケース

• Refining list views and search results with contextual empty states and skeletons
• Developing complex forms that need robust error surfacing and submission state management
• Building data-heavy dashboards that require seamless transitions between loading and success states