القائمة
Setup, install, and onboard new developers to Reactive Data Client monorepo - nvm, yarn, build, test, getting started guide
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Implement @data-client Managers for global/background side effects - websocket, SSE, polling, real-time updates, subscriptions, logging, analytics, middleware, intercepting Controller actions, DataProvider managers prop, redux-style action handling. Use when adding cross-cutting store behavior, reacting to dispatched actions, or handling external event streams.
Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary, useLoading, useDebounce. Use when reading/rendering remote data, triggering mutations, doing optimistic updates, real-time subscriptions, or wiring Suspense/error boundaries in React.
Test @data-client/react with renderDataHook and mountDataClient - jest unit tests, fixtures, interceptors, MockResolver, mock responses, nock HTTP mocking, fake timers for polling/subscription tests, DataProvider test setup, hook and component testing. Use when writing or debugging tests for hooks, components, or resources built on @data-client/react.
Define REST APIs with @data-client/rest - resource(), RestEndpoint, CRUD (GET/POST/PUT/PATCH/DELETE), HTTP fetch, normalize, cache, urlPrefix, path-to-regexp parameters, searchParams, pagination, extend(), auth/headers, optimistic updates, polling, file download, blob, parseResponse. Use when defining or modifying network endpoints, REST resources, or the HTTP layer.
Model data with @data-client schemas (Entity, EntityMixin, Collection, Union, Query, Values, All, Invalidate, Lazy, Scalar) for atomic, consistent, referentially-equal async data via normalization, identity-based caching, and a single source of truth. Use when defining or editing pk, static schema, resource()/RestEndpoint schema, mutable lists/maps (push/unshift/assign/remove/move), polymorphic/discriminated types, memoized selectors / derived data, partial/supplementary entities, relational/nested/joined data, optimistic updates, or cache invalidation across @data-client/rest, /endpoint, /graphql, or /normalizr. Apply proactively when discussing data models, remote data shape, caching, normalization, identity, joins, polymorphism, mutable collections, or store consistency.
Test @data-client/vue composables and components - renderDataCompose, mountDataClient, fixtures, jest, nock HTTP mocking, polling/subscription tests with fake timers, useSuspense, useLive, useSubscription, Vue 3 reactive props. Use when writing or debugging tests for composables or components built on @data-client/vue.
| name | initialize |
| description | Setup, install, and onboard new developers to Reactive Data Client monorepo - nvm, yarn, build, test, getting started guide |
| disable-model-invocation | true |
Get a new developer up and running with the Reactive Data Client monorepo.
Install prerequisites
nvm installcorepack enableyarn --version (should be 4.x)Install dependencies
yarn install from repo rootBuild the project
yarn build to build all packagesRun tests
yarn test to verify everything worksProject familiarization
packages/endpoint – Base endpoints and declarative schemaspackages/rest – REST modeling (resource(), RestEndpoint)packages/core – Framework-agnostic normalized storepackages/react – React hooks (useSuspense, useLive, useQuery)packages/vue – Vue 3 composablespackages/normalizr – Schema/Entity/normalizationexamples/Optional: Start website locally
cd website && yarn startyarn install completed without errorsyarn build succeedsyarn test passespackages/ structureCONTRIBUTING.mdexamples/todo-app or examples/github-app)| Command | Description |
|---|---|
yarn build | Build all packages |
yarn test | Run all tests |
yarn lint | Run ESLint |
yarn format | Auto-fix lint issues |
yarn changeset | Create a changeset for your PR |