用途:该技能提供 Grey Haven Studio 在 React 19 应用中使用 TanStack 生态(Start、Router、Query,可选 Table、Form)的实践规范,用于构建全栈 React 应用时统一路由、数据获取与缓存写法。
主要能力:文件式路由结构约定(__root.tsx 根布局、_authenticated/ 下划线前缀保护路由组、_layout.tsx 布局包装、$param.tsx 动态参数);QueryClient 默认配置(staleTime 60000ms、retry 1、refetchOnWindowFocus false);查询键命名规范(从具体到通用,如 ["user", userId]);带 tenant_id 的多租户服务端函数;路由 loader 服务端预取数据;mutation 成功后失效查询缓存;按数据类型划分的 staleTime 策略(认证 5 分钟、用户与列表 1 分钟、静态配置 10 分钟、实时数据 0)。
使用方式:资料未提供具体安装命令或调用步骤,仅说明配套文档位于 examples/、reference/、templates/、checklists/ 目录,含路由、查询、服务端函数、高级模式、缓存策略、多租户 RLS 等参考与可复制模板。
适用场景:构建 TanStack Start 应用、用 Router 实现路由、用 Query 管理服务端状态、创建服务端函数、优化查询缓存、实现多租户数据访问、配置带路由保护的身份验证流程、构建数据密集型 React 应用。
限制:资料未提供收费、价格、平台支持范围等信息;示例代码与配置需结合项目实际调整,多租户场景要求服务端函数始终包含并按 tenant_id 过滤,且使用启用 RLS 的数据库连接。