DevelopmentMédio

TanStack Router Best Practices

pordeckardger·deckardger· v1.0.0 · atualizado em 2026-04-10

Score

TanStack Router best practices for type-safe routing, data loading, search params, and navigation. Activate when building React applications with complex routing needs.

tanstack-routerreacttypescriptroutingtype-safetydata-loadingsearch-params

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdtanstack-router-best-practices/workflow

Setup: — Install TanStack Router and necessary dependencies.

Configuration: — Configure the router with default options and error handling.

Route Definition: — Define routes using file-based routing and hierarchical structure.

Data Loading: — Implement route loaders for data fetching and caching.

Search Params: — Validate and serialize search parameters.

Navigation: — Use the Link component and useNavigate hook for navigation.

Code Splitting: — Implement lazy loading for routes to reduce bundle size.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Árvore do Skill

TanStack Router Best Practices

tanstack-router-best-practices

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers6

implement TanStack Router in Reactset up type-safe routingconfigure data loaders in TanStack Routerhandle search parameters in routesoptimize navigation with TanStack Routerapply best practices for TanStack Router

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download tanstack-router-best-practices

$ synaptic skills detail tanstack-router-best-practices

$ synaptic skills live tanstack-router-best-practices

Dependências

@tanstack/router @tanstack/react-router @tanstack/query

Links

GitHub Repository