What problem does it solve?
Wiring React components to remote APIs usually requires manual loading states, error handling, cache management, and optimistic update logic. This Skill provides idiomatic patterns for @data-client/react so data fetching, mutations, and real-time subscriptions work with automatic normalization and caching.
Core Features & Use Cases
- Declarative data rendering: Use useSuspense, useFetch, useQuery, useCache, useLive, and useDLE to read remote data with Suspense, parallel fetches via React.use(), or explicit loading/error states.
- Type-safe mutations: Perform creates, updates, partial updates, deletes, and pagination through useController with automatic cache updates and optimistic responses.
- Real-time and debugging support: Add polling, websocket, or SSE subscriptions with useSubscription, and inspect store state or dispatch Controller actions from Chrome DevTools MCP.
- Use Case: Building a todo list page that fetches todos with useSuspense, adds items with ctrl.fetch(TodoResource.getList.push), and wraps everything in an AsyncBoundary for loading and error states.
Quick Start
Use the data-client-react skill to build a React component that fetches and renders a todo list with useSuspense and supports adding new todos through useController.
