react-data

What problem does it solve?

React and TypeScript codebases often suffer from data-fetching and state-management pitfalls, including using useEffect for API calls, missing loading or error states, and mismatched types and schemas.

Core Features & Use Cases

• TanStack Query-based data fetching with proper caching, error handling, and background updates
• Structured query keys for precise cache invalidation and scalable mutations
• Type-safe schemas derived from Zod, preventing TS/Zod drift and runtime validation
• Contextual patterns to avoid prop drilling and simplify shared UI state

Quick Start

Convert a useEffect data fetch to TanStack Query and validate responses with a Zod schema to ensure type-safety and correct caching.