tanstack-router

Type-safe, file-based routing for React with route-level data loading, search params validation, code splitting, and TanStack Query integration.

| createFileRoute('/path') | Define file-based route | | createRootRouteWithContext () | Root route with typed context | | createLazyFileRoute('/path') | Code-split route component | | zodValidator(schema) | Search params validation | | Route.useLoaderData() | Access loader data in component | | Route.useParams() | Type-safe route params |

| Route.useSearch() | Type-safe search params | | useNavigate() | Programmatic navigation | | useBlocker() | Block navigation (dirty forms) | | notFound() | Throw 404 from loader | | getRouteApi('/path') | Type-safe hooks in split files | | stripSearchParams(defaults) | Clean default values from URLs |

ルート ローダー、検索パラメータ検証、コード分割、プリロード、ナビゲーション、ルート コンテキスト、TanStack Query 統合を使用したタイプ セーフなファイルベースの React ルーティング。ファイルベースのルーティングの設定、検索パラメータ検証の追加、ルート ローダーの実装、ルートのコード分割、仮想ファイル ルートの構成、認証ガードによるルートの保護、またはタイプ登録エラーの修正を行う場合に使用します。ルーターのセットアップ、ナビゲーション パターン、URL 状態管理、データの読み込みに使用します。 ソース: oakoss/agent-skills。