SKILL.md

name: react-19 description: React 19.3+ patterns. Use for forms, async data, pre-rendering, transitions, refs, context, metadata.

useState + onChange for forms → useActionState → examples/form-action.tsx
await in server components → pass promise, use() in client → examples/use-server-promise.tsx
forwardRef → ref as prop
useCallback / useMemo → compiler handles it
useContext → use(Context)
Context.Provider → <Context value={}>
Manual state reset on prop change → key prop

Forms: useActionState(fn, init) + useOptimistic + useFormStatus → examples/form-action.tsx
Pre-rendering: <Activity mode="hidden"> → examples/activity-prerender.tsx
Effect events: useEffectEvent() for non-reactive logic in effects → examples/effect-event.tsx
Async data: pass promise from server, unwrap with use() → examples/use-server-promise.tsx
ViewTransition: wrap elements, use startTransition() + addTransitionType() → examples/view-transition.tsx
Mutations outside forms: useTransition + Server Action → examples/server-action-mutation.tsx
Suspense: <Suspense fallback={...}> wraps async components
Deferred value: useDeferredValue(value, initialValue)
Request memoization: cache(async fn) with cacheSignal()
Server Action: "use server" + revalidatePath() / revalidateTag()
Metadata: <title>, <meta>, <link> hoisted to <head>
Refs: ref as prop, cleanup via return function

Total Score

50/100

Based on repository quality metrics

✓SKILL.md

SKILL.mdファイルが含まれている

+20

○LICENSE

ライセンスが設定されている

0/10

○説明文

100文字以上の説明がある

0/10

○人気

GitHub Stars 100以上

0/15

○最近の活動

3ヶ月以内に更新がある

0/10

○フォーク

10回以上フォークされている

0/5

✓Issue管理

オープンIssueが50未満

+5

✓言語

プログラミング言語が設定されている

+5

○タグ

1つ以上のタグが設定されている

0/5

💬

Reviews coming soon