reactiveOfficial·30 Agent Skills Included

data-client

Build fast React and Vue apps with normalized data fetching

Sets up and manages type-safe data fetching for React, NextJS, Vue, and React Native apps using REST, GraphQL, or custom async endpoints. Eliminates manual cache updates, duplicate requests, and stale data through automatic normalization and referential equality. Guides AI agents through installation, schema modeling, mutations, testing, and version migrations with ready-made patterns.

2,034|99

↗

npx skills add reactive/data-client --all -g -y

Available:

Tells the AI agent how the monorepo is structured, which build and test commands to run, and which skills to invoke for changesets, documentation, and package changes.

All Skills in This Repository (30)

Pure Emerald Level Indicators

📦 In Repo

reactive

rdc-react

Expose React hooks for data fetching, caching, and live updates.

rdc-manager

Manage global side effects via @data-client Manager interface with Middleware and Controller.

rdc-react-testing

Test @data-client/react hooks and components with fixtures and interceptors.

rdc-vue-testing

Test Vue data-client composables and components with fixtures and nock mocking.

initialize

Set up Node.js, Yarn, and workspace commands for the Reactive Data Client monorepo.

changeset

Generate changesets and release notes from code changes in multi-package projects.

rdc-rest

Define type-safe REST APIs with schema-driven normalization and caching.

rdc-graphql-setup

Configure @data-client/graphql GQLEndpoint with authentication and custom options.

rdc-setup

Detect project type and protocol, then install Reactive Data Client dependencies.

rdc-rest-setup

Configure a RestEndpoint base class for TypeScript projects using @data-client/rest.

rdc-endpoint-setup

Wraps async functions in Endpoint for Data Client hooks.

rdc-schema

Define Entity, Collection, and Union schemas for API JSON responses.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Reactive Data Client?▼

Run `npx skills add reactive/data-client --all -g -y` in your terminal to install all skills in this suite globally.

What does Reactive Data Client do?▼

It is a data-fetching library for React and Vue that normalizes API responses into a shared cache, so components stay consistent without manual state updates.

Does it work with REST and GraphQL APIs?▼

Yes. Dedicated skills set up RestEndpoint for REST APIs and GQLEndpoint for GraphQL, including authentication and error handling patterns.

Can AI agents migrate my existing axios or fetch code?▼

Yes. The rest-setup skill detects axios, fetch, ky, and other HTTP patterns and migrates them to typed endpoints, including a codemod for axios.

Which frameworks are supported?▼

It works with React, NextJS, React Native, Expo, and Vue 3, with setup skills that auto-detect your project type and configure the right provider.