§15-11Perceived Performance
エラーバウンダリ + retry ボタン
一部の描画エラーを囲い込み、再試行ボタンを出す。
一部の失敗で画面全体が白くならず、該当箇所だけやり直せる。外部データに依存するウィジェットが並ぶ画面で効く。
実装のポイント
境界は機能単位で置き、エラー時は fallback に再試行ボタンを出して resetErrorBoundary で再描画する。エラー内容は画面に生で出さずログ送信する。
- 特徴
- 状態管理
- デモで使っているもの
- shadcn/ui
- lucide-react