React UI Patterns

Core Principles

1. Never show stale UI - Loading spinners only when actually loading
2. Always surface errors - Users must know when something fails
3. Optimistic updates - Make the UI feel instant
4. Progressive disclosure - Show content as it becomes available
5. Graceful degradation - Partial data is better than no data

Loading State Patterns

🧠 Knowledge Modules (Fractal Skills)

1. The Golden Rule

2. Loading State Decision Tree

3. Skeleton vs Spinner

4. The Error Handling Hierarchy

5. Always Show Errors

6. Error State Component Pattern

7. Button Loading State

8. Disable During Operations

9. Empty State Requirements

10. Contextual Empty States

11. Loading States

12. Error Handling

13. Button States