react-query-data-patterns

Use a 2-layer API module pattern with client.ts, types.ts, and queries.ts to centralize HTTP calls, types, and query factories for React Query. This enforces consistent cache handling and mutation workflows across admin UI features.

Enforce a structured API module pattern with typed query factories to manage service-scoped query keys in React Query. This standardizes cache handling and ensures reliable cache invalidation across admin UI components.

Use typed query factories within dedicated service API modules to handle cache invalidation after React Query mutations. This approach provides robust error handling and reliable data consistency across admin UI components.

React Query skipToken handling breaks when API modules lack a structured 2-layer pattern for conditional data fetching. Enforcing dedicated queries.ts files with typed query factories standardizes skipToken behavior and prevents inconsistent cache states.

Yes, you can apply this React Query pattern to existing admin-ui service modules by refactoring them into the 2-layer client.ts, types.ts, and queries.ts structure. This centralizes HTTP calls and standardizes mutation workflows without changing core logic.