frontend-hooks

What problem does it solve?

This Skill helps you design, review, and use Drumr's headless frontend hooks without guessing how form state, table state, or action execution should be coordinated. It gives developers a clear path for building custom React interfaces that still preserve framework behavior, validation, refresh logic, and metadata-aware rendering.

Core Features & Use Cases

• useDataForm: Manages single-model and composable multi-model forms, including fetch, submit, refresh, field errors, and array field operations.
• useDataTable: Provides shared filtering, sorting, pagination, selection, and metadata-aware row rendering for custom table or list layouts.
• useActionButton and useActionView: Handle object, model, and global actions with confirmation, inline parameter forms, workflow states, and refresh coordination.
• Unified API hooks: Support raw or rich GraphQL operations for finding, creating, updating, deleting, refreshing, and executing actions.
• Use case: A developer building a custom project dashboard can reuse one controller for a form, table, and action flow while keeping UI-specific rendering separate from framework state management.

Quick Start

Ask for help implementing or reviewing a Drumr frontend feature that uses useDataForm, useDataTable, or the unified action hooks.