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 |

Routing React indipendente dai tipi e basato su file con caricatori di percorsi, convalida dei parametri di ricerca, suddivisione del codice, precaricamento, navigazione, contesto del percorso e integrazione di TanStack Query. Da utilizzare durante l'impostazione del routing basato su file, l'aggiunta della convalida dei parametri di ricerca, l'implementazione di caricatori di percorsi, la suddivisione del codice di percorsi, la configurazione di percorsi di file virtuali, la protezione di percorsi con protezioni di autenticazione o la correzione di errori di registrazione del tipo. Utilizzare per la configurazione del router, i modelli di navigazione, la gestione dello stato dell'URL, il caricamento dei dati. Fonte: oakoss/agent-skills.