SuperAPI AI 工具集

react-tanstack-senior

前端与建站

查看项目

更新于 10-16 01:17

技能介绍

用途:该技能面向资深或主导级 React 开发者,围绕 TanStack 生态(Query、Router、Table、Form、Start)给出工程化实践建议。核心原则为 KISS 优于取巧、可读性优于简短、显式优于隐式、组合优于继承、就近放置优于分离、类型安全优于 any。

主要能力:提供状态管理决策树——服务端状态用 TanStack Query,URL 状态用 TanStack Router search params,表单状态用 TanStack Form 或 React Hook Form,全局 UI 状态用 Zustand(而非 Redux),本地 UI 状态用 useState/useReducer;路由方面 SPA 用 TanStack Router,全栈 SSR 用 TanStack Start,已有 Next.js 项目保持 Next.js。还包含项目初始化流程(客户端用 Vite + Router + Query,全栈 SSR 用 TanStack Start,已有项目渐进采用)、命名约定(组件 PascalCase、Hook 以 use 开头、查询键用带层级的数组、非组件文件名 kebab-case)、组件结构模式、反模式(禁止用 useEffect 取数、避免超过两层的属性透传、避免过早优化、动态列表禁用索引作 key)、调试指南、常见陷阱、性能与代码审查检查表。

使用方式:资料未提供安装命令或具体调用步骤;各主题对应 tanstack-query.md、tanstack-router.md、tanstack-table.md、tanstack-form.md、tanstack-start.md、folder-structure.md、recommended-libraries.md、debugging-guide.md、common-pitfalls.md 等参考文档。

限制:资料未说明收费、价格、支持平台与效果数据,均暂未提供。