React 19 Concurrent Patterns

React 19 は移行作業を補完する新しい API を導入しました。このスキルは 2 つの懸念をカバーします:

1. Preserve（保持） 移行中に破壊されてはならない既存の React 18 concurrent パターンを保持する
2. Adopt（採用） 移行が安定した後に導入する価値のある React 19 の新 API を採用する

Part 1 Preserve: 移行を通じて生き残らなければならない React 18 Concurrent パターン

これらのパターンは React 18 コードベースに存在し、誤って削除されたり破壊されたりしてはいけません:

createRoot 既に R18 Orchestra による移行済み

R18 orchestra が既に実行されている場合、ReactDOM.render → createRoot への変換は完了しています。正確性を確認してください:

// CORRECT React 19 root (React 18 と同じ):
import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

useTransition 移行不要

React 18 の useTransition は React 19 でも同じように動作します。移行中にこれらのパターンに触れないでください:

// React 18 useTransition  React 19 で変更なし:
const [isPending, startTransition] = useTransition();

function handleClick() {
  startTransition(() => {
    setFilteredResults(computeExpensiveFilter(input));
  });
}

useDeferredValue 移行不要

// React 18 useDeferredValue  React 19 で変更なし:
const deferredQuery = useDeferredValue(query);

Code Splitting 用の Suspense 移行不要

// React 18 Suspense と lazy  React 19 で変更なし:
const LazyComponent = React.lazy(() => import('./LazyComponent'));

function App() {
  return (
    <Suspense fallback={<Spinner />}>
      <LazyComponent />
    </Suspense>
  );
}

---

Part 2 React 19 新 API

これらは移行後のクリーンアップスプリントで採用する価値があります。移行中にこれらを導入しないでください まず安定化させてください。

各新 API の完全なパターンについては、以下をお読みください:

• references/react19-use.md Promise とコンテキスト用の use() フック
• references/react19-actions.md Actions, useActionState, useFormStatus, useOptimistic
• references/react19-suspense.md データフェッチング用 Suspense（新しいパターン）

移行安全ルール

React 19 移行中は、これらの concurrent モードパターンは完全に手を付けないままにしなければなりません:

# 移行中にこれらに触れていないことを確認:
grep -rn "useTransition\|useDeferredValue\|Suspense\|startTransition" \
  src/ --include="*.js" --include="*.jsx" | grep -v "\.test\."

移行ツールがこれらのファイルのいずれかに触れた場合は、変更内容をレビューしてください 移行は React API サーフェス（forwardRef、defaultProps など）のみを変更し、concurrent モード ロジックには決して変更を加えるべきではありません。