React Router の新しい useRouterState で Pending UI を考える

• #フロントエンド
• #アーキテクチャ
• #DevOps・CI/CD

AIで作成し、掲載基準に基づいて自動選定した要約です。

• React Router v7.15.1でuseRouterStateが追加され、pendingでparams、matches、typeが取得可能になった
• pending.paramsは遷移先のパラメータ、pending.matchesは遷移先のルート階層、pending.typeは履歴操作の種類を取得できる
• pending.paramsでスケルトン表示のUIを遷移前に解決し、pending.matchesでスケルトンの範囲を絞り込み、pending.typeでアニメーションの出し分けが可能になる