TanStack Frontend Patterns

Overview

Implement TanStack Router routes with project-standard TRPC integration, loader strategy, typed inference, and form handling. Follow this document for decision rules, then use references/ for full examples.

Core Patterns

1) Define routes with loader-driven data strategy

• Define each route with createFileRoute(...) and a loader that preloads critical data.
• Read params/search from route APIs (Route.useParams(), Route.useSearch()) in components.
• Keep examples in references/router-loader-examples.md.

2) Choose loader prefetch strategy intentionally