Safe Action Hooks
next-safe-action/skills/skills/safe-action-hooksby next-safe-actiona2605bd2e84321245cba8f5718c144a6e4a5fa47No licenseListed Oct 9, 2026Updated Oct 9, 2026
Use when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as drag-to-reorder, Kanban boards, overlapping saves, accumulating changes, and shared pending-change lists
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| optimistic-updates.md | 3.5 KB | text/markdown |
| SKILL.md | 11.1 KB | text/markdown |
| status-callbacks.md | 5.9 KB | text/markdown |
| throw-on-navigation.md | 4.5 KB | text/markdown |
| use-action.md | 5.2 KB | text/markdown |
| use-optimistic-state-action.md | 21.9 KB | text/markdown |
| use-state-action.md | 9.2 KB | text/markdown |
Source and attribution
Source:next-safe-action/skillsinskills/safe-action-hooksat commita2605bd
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from next-safe-action/skills
Safe Action Validation Errors
next-safe-action
Explains next-safe-action validation error shapes and helpers for returning and displaying field-level and form-level errors.
Safe Action Middleware
next-safe-action
Guides implementing next-safe-action middleware for auth, logging, rate limiting, error handling and context extension.
Safe Action Testing
next-safe-action
Vitest patterns for testing next-safe-action server actions, middleware, hooks, validation errors, and server errors.
Safe Action Client
next-safe-action
Guides creating and configuring next-safe-action clients and actions with validation and error handling.
Safe Action Forms
next-safe-action
Guides integrating next-safe-action with React forms, including native forms, the react-hook-form adapter and file uploads.
Safe Action Better Auth
next-safe-action
Adds Better Auth session authentication and authorization middleware to next-safe-action server actions.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.