本文へ移動

§15-11Perceived Performance

エラーバウンダリ + retry ボタン

一部の描画エラーを囲い込み、再試行ボタンを出す。

一部の失敗で画面全体が白くならず、該当箇所だけやり直せる。外部データに依存するウィジェットが並ぶ画面で効く。

実装のポイント

境界は機能単位で置き、エラー時は fallback に再試行ボタンを出して resetErrorBoundary で再描画する。エラー内容は画面に生で出さずログ送信する。

特徴
  • 状態管理
デモで使っているもの
  • shadcn/ui
  • lucide-react