deckardger/tanstack-router-best-practices

Best Practices für TanStack Router: typsichere Routenführung, Daten laden, Suchparameter und Navigation. Aktivieren Sie diese bei der Entwicklung von React-Anwendungen mit komplexen Routing-Anforderungen.

Was ist tanstack-router-best-practices?

Diese Skill bietet bewährte Methoden und Richtlinien für die Verwendung des TanStack Router in React-Anwendungen. Sie ist besonders nützlich für Entwickler, die komplexe Routing-Szenarien wie verschachtelte Routen, dynamische Parameter, typsichere Suchparameter und renderseitiges Datenladen implementieren müssen. Der Skill unterstützt gängige Entwicklungsumgebungen wie Cursor, Codex und Claude Code und basiert auf der offiziellen TanStack Router Dokumentation. Durch die Integration dieser Best Practices können Entwickler fehleranfällige manuelle Routing-Logik vermeiden, die Typsicherheit durch TypeScript maximieren und die Performance durch effizientes Datenladen optimieren. Die Skill-Anleitung zeigt, wie man Router-Instanzen definiert, Links erstellt, Datenlader einrichtet und Suchparameter typsicher verwaltet, um eine skalierbare und wartbare Codebasis zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deckardger/tanstack-agent-skills/tree/main/skills/tanstack-router-best-practices

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht tanstack-router-best-practices?

Best Practices für TanStack Router: typsichere Routenführung, Daten laden, Suchparameter und Navigation. Aktivieren Sie diese bei der Entwicklung von React-Anwendungen mit komplexen Routing-Anforderungen.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Verwandte Skills