react-syntax-hooks-advanced
Installation
SKILL.md
react-syntax-hooks-advanced
Quick Reference
Advanced Hooks at a Glance
| Hook | Version | Purpose | Returns |
|---|---|---|---|
useId |
18+ | SSR-safe unique IDs for accessibility | string |
useTransition |
18+ | Mark state updates as non-blocking | [isPending, startTransition] |
useDeferredValue |
18+ | Defer expensive re-renders | T (deferred value) |
useSyncExternalStore |
18+ | Subscribe to external stores | T (store snapshot) |
useInsertionEffect |
18+ | Inject styles before DOM mutations | void |
useDebugValue |
18+ | Label custom hooks in DevTools | void |
use |
19+ | Read promises (Suspense) and context conditionally | T |
useActionState |
19+ | Manage async action state with pending flag | [state, dispatch, isPending] |
useOptimistic |
19+ | Optimistic UI during async actions | [optimisticState, setOptimistic] |
useFormStatus |
19+ | Read parent form submission state | {pending, data, method, action} |
Related skills