Standardize Redux and TanStack Query boundaries in Skyroc Admin state management.
npx skills add https://github.com/xinge-ji/skyroc --skill skyroc-admin-state
Please help me install this Agent Skill. Skill: skyroc-admin-state Source: https://github.com/xinge-ji/skyroc/tree/main/.agents/skills/skyroc-admin-state Command: npx skills add https://github.com/xinge-ji/skyroc --skill skyroc-admin-state
This Skill helps Skyroc Admin developers ensure consistent and safe state management by clearly defining how Redux slices, selectors, and TanStack Query hooks should interact and share responsibilities.
Apply this guidance whenever you start or refactor admin state logic to lock in consistent patterns.
High-intent search queries and answers about installing and using this skill.
To separate Redux state from TanStack Query cache, enforce clear boundaries by managing client UI state in store slices and server data in query hooks with consistent keys. This prevents state drift and overlapping responsibilities.
The best way to structure Redux slices is using createAppSlice with exported actions, selectors, and reducers. This standardizes state logic and ensures safe access patterns across admin components.
TanStack Query data drifts from Redux store state when boundaries are unclear. Enforce consistent query keys and use useAppDispatch/useAppSelector to safely coordinate server cache and client state.
Yes, you can use useAppDispatch and useAppSelector with createAppSlice during refactoring. Applying these safe patterns ensures consistent state access and prevents drift across admin components.
You need standardized query keys for TanStack Query whenever managing data-fetching hooks across admin components. Consistent keys prevent cache duplication and coordinate safe state changes.
joabgonzalezConfigure Redux stores with slices, thunks, and typed hooks.
PremModhaOfficialCentralize React UI state with Redux Toolkit slices, typed hooks, and selectors.
MadAppGangManage server state and data fetching in React with TanStack Query v5.
Ayub-KhanOrganize client, server, and URL state with patterns for React, Vue, and Svelte.
