frontend-data-api-hooks

What problem does it solve?

This Skill removes the repetitive Apollo and GraphQL wiring needed to fetch and mutate data in Drumr React components, so developers can focus on business logic instead of query setup.

Core Features & Use Cases

• Unified API Hooks: Use useApiFindById, useApiFindBy, useApiCreate, useApiUpdate, useApiDelete, useApiRefresh, and useApiAction for declarative data access.
• Flexible Response Shapes: Choose plain data or rich field wrappers per call with format: 'data' or format: 'rich'.
• Production Guardrails: Benefit from auto-executing queries, lazy mutations, implicit skip behavior, pagination, typed generics, and clear failure handling.
• Use Case: A dashboard widget can load records, edit a single field, refresh metadata, and run an action without manually building GraphQL documents or effect-based fetching.

Quick Start

Use this skill to implement Drumr React components with the appropriate unified API hook, choosing either data or rich format and the correct operation for your fetch or mutation.