Skills
.Work. You
Rest

react-data-fetching-guardrails

Official

Safeguard frontend data fetching with guardrails.

Software Engineering#react#guardrails#tanstack-query#api-contract#data-fetching#adapter-pattern
Authorsgpropertyanalytics
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guard rails for frontend data fetching to prevent silent data bugs and race conditions in React components, ensuring reliable, predictable UI updates.

Core Features & Use Cases

  • Enforces use of adapters to shape API responses before components access data.
  • Ensures safe asynchronous data handling with TanStack Query, version checks, and enum safety.
  • Applies across common UI patterns, including data-driven charts and dashboards.

Quick Start

Enable these guardrails before writing or modifying any React components that fetch data to ensure consistent adapters, contract version checks, and safe async patterns.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-data-fetching-guardrails
Download link: https://github.com/sgpropertyanalytics/sg-property-analytics/archive/main.zip#react-data-fetching-guardrails

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.