SuperAPI AI 工具集

react-frontend

前端与建站

查看项目

更新于 10-15 21:09

技能介绍

用途:该技能面向 React 前端开发,围绕 Chat(对话)、Evaluation(评估)、Report(报告)、Admin(管理)四个业务模块提供组件与代码组织参考,技术栈为 TypeScript、Tailwind CSS 与自定义 hooks。

主要能力:给出 src 目录结构,包含 components(chat、evaluation、report、admin、shared)、pages、services、hooks、store、types、styles 与 App.tsx;提供基础组件、带流式响应的聊天组件、带校验的评估表单、自定义 hooks、认证与 API 客户端、Zustand 状态管理、类型定义及 Tailwind 类名与命名约定示例。

使用方式:按资料中的目录结构组织代码;组件使用 FC 类型或函数语法,props 接口以 Props 结尾;表单使用 react-hook-form 与 zod 校验;数据请求使用 @tanstack/react-query;状态使用 Zustand;API 客户端基于 axios,通过拦截器注入 Bearer token,401 时登出。

适用场景:需要搭建带对话、评估问卷、报告看板与文档管理后台的 React 应用时,可参考其组件划分与 hooks 模式。

限制:资料未提供安装命令、依赖版本、构建配置、后端接口约定、收费与平台信息;示例中的接口地址、字段与业务逻辑需按实际项目调整。