Profile My skills Saved My plugins Edit profile Submit a skill

Kk0ga Employee Time Attendance Frontend Routing Tanstack Router

TanStack Router Skill

tomevault-io Updated
Web & Frontend

File contents

TanStack Router Skill

目的

画面追加時のルーティング設計を統一し、認証/権限/データロードをブレなく実装する。

標準ルート（例）

  • /：ダッシュボード（今日の打刻状態）
  • /time-entries：一覧（社員本人は自分、管理者は全体）
  • /approvals：承認者向け（差戻し含む）
  • /reports/:yearMonth：PDF/集計ビュー

設計ルール

  • loaderでprefetchするQuery一覧はこのdocsに従う
  • search params は型付きで扱う（年月、社員、状態フィルタ）
  • 認証/権限が必要なルートは共通ガードに寄せる

必須アウトプット

  • ルートマップ
  • search param 定義（yearMonth 等）
  • 画面ごとの loader で読む Query 一覧

依頼例

  • 「承認画面のルート設計と search param を決めたい」
  • 「loader で prefetch する Query 設計を提案して」

References

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/kk0ga--employee-time-attendance--frontend-routing-tanstack-router commit 927b13fe29

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/kk0ga-employee-time-attendance-frontend-routing-tanstack-rou