millitool
data-ai/

react-ui-patterns

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

reactui
Content Preview
---
name: react-ui-patterns
description: "Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states."
risk: unknown
source: community
date_added: "2026-02-27"
---

# 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.
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/react-ui-patterns.md \
  https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/react-ui-patterns/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/sickn33/antigravity-awesome-skills

Then reference at skills/react-ui-patterns/SKILL.md

Related Skills

fp-react
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.
data-aifp-tsreacttypescript

by sickn33 (Antigravity) · antigravity-awesome-skills

fp-ts-react
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.
data-aifptsreact

by sickn33 (Antigravity) · antigravity-awesome-skills

data
Data engineering for Apache Airflow and Astronomer. Author DAGs with best practices, debug pipeline failures, trace data lineage, profile tables, migrate Airflow 2 to 3, and manage local and cloud deployments.
pluginpluginmarketplacedata

by Anthropic · anthropic-official-plugins

data-engineering-data-driven-feature
Build features guided by data insights, A/B testing, and continuous measurement using specialized agents for analysis, implementation, and experimentation.
data-aidataengineeringdriven

by sickn33 (Antigravity) · antigravity-awesome-skills