AgentToolHub
Skill

data-client-react

data-client-react — a Claude Code skill from reactive/data-client

Features

  • ✓[x] <img src="https://github.com/reactive/data-client/raw/master/packages/react/typescript.svg?sanitize=true" alt="TS" style="max-width: 100%;"> Strong [Typescript](https://www.typescriptlang.org/) inference
  • ✓[x] 🛌 React [Suspense](https://dataclient.io/docs/getting-started/data-dependency#boundaries) support
  • ✓[x] 🧵 React 18 [Concurrent mode](https://dataclient.io/docs/guides/render-as-you-fetch) compatible
  • ✓[x] 💦 [Partial Hydration Server Side Rendering](https://dataclient.io/docs/guides/ssr)
  • ✓[x] 🎣 [Declarative API](https://dataclient.io/docs/getting-started/data-dependency)
  • ✓[x] 📝 Composition over configuration
  • ✓[x] 💰 [Normalized](https://dataclient.io/docs/concepts/normalization) caching
  • ✓[x] 💥 Tiny bundle footprint
  • ✓[x] 🛑 Automatic overfetching elimination
  • ✓[x] ✨ Fast [optimistic updates](https://dataclient.io/rest/guides/optimistic-updates)
  • ✓[x] 🧘 [Flexible](https://dataclient.io/docs/getting-started/resource) to fit any API design (one size fits all)
  • ✓[x] 🔧 [Debugging and inspection](https://dataclient.io/docs/getting-started/debugging) via browser extension
  • ✓[x] 🌳 Tree-shakable (only use what you need)
  • ✓[x] 🔁 [Subscriptions](https://dataclient.io/docs/api/useSubscription)
  • ✓[x] ♻️ Optional [redux integration](https://dataclient.io/docs/guides/redux)
  • ✓[x] 📙 [Storybook mocking](https://dataclient.io/docs/guides/storybook)
  • ✓[x] 📱 [React Native](https://facebook.github.io/react-native/) support
  • ✓[x] 📱 [Expo](https://dataclient.io/docs/getting-started/installation) support
  • ✓[x] ⚛️ [NextJS](https://dataclient.io/docs/guides/ssr#nextjs) support
  • ✓[x] 🚯 [Declarative cache lifetime policy](https://dataclient.io/docs/concepts/expiry-policy)
  • ✓[x] 🧅 [Composable middlewares](https://dataclient.io/docs/api/Manager)
  • ✓[x] 💽 Global data consistency guarantees
  • ✓[x] 🏇 Automatic race condition elimination
  • ✓[x] 👯 Global referential equality guarantees

Installation Guide

bash
npm install --save @data-client/react @data-client/rest @data-client/test

For more details, see the Installation docs page.

Skills

bash
npx skills add reactive/data-client

Then run skill "data-client-setup"

Reviews