tanstack-router最佳实践 是做什么的?
TanStack Router 类型安全路由、数据加载、搜索参数和导航的最佳实践。在构建具有复杂路由需求的 React 应用时激活。
TanStack Router 类型安全路由、数据加载、搜索参数和导航的最佳实践。在构建具有复杂路由需求的 React 应用时激活。
该技能提供了基于 TanStack Router 构建类型安全路由系统的最佳实践指南。它专注于在 React 应用中实现复杂路由场景,包括路由定义、数据加载、搜索参数管理和导航逻辑。技能详细介绍了如何利用 TypeScript 的类型系统来确保路由的健壮性和错误预防,例如通过代码生成器自动生成路由类型。它适用于需要高度可维护和可扩展路由架构的项目,特别是在处理动态路径、嵌套路由和深层数据依赖时。技能支持现代 React 开发工作流,并与 Zustand、React Query 等状态管理库无缝集成,从而优化页面数据预取和缓存策略。
npx skills add https://github.com/deckardger/tanstack-agent-skills/tree/main/skills/tanstack-router-best-practicesInstalled? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
TanStack Router 类型安全路由、数据加载、搜索参数和导航的最佳实践。在构建具有复杂路由需求的 React 应用时激活。
This repo contains 3 individual skills — each has its own dedicated page.
Best practices for integrating TanStack Query with TanStack Router and TanStack Start. Patterns for full-stack data flow, SSR, and caching coordination.
TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.
TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when building full-stack apps with TanStack Start.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.