React 组件

欢迎来到 React 组件库文档。这里收录了 @pt/react-common 包中所有核心组件、Hooks 和工具函数的详细使用指南。

在线演示 (Playground)

你可以通过以下链接直接访问测试项目，查看组件在真实运行环境下的表现：

• React Playground - Markdown 测试

主要包含内容

• Components: 包含 MarkdownCompiler、AuthGuard 等核心 UI 逻辑组件。
• Hooks: 包含 useMqtt、useAuth 等常用的业务逻辑钩子。
• Utils: 通用的格式化、校验等工具函数。

AI 智能体开发推荐

如果你在开发 AI 智能体（Agent）相关功能，可以参考以下优秀的组件库和工具：

UI 组件库

• assistant-ui: 专为 AI 聊天界面设计的 React 组件库，采用可组合原语，高度自定义。
• AI SDK Elements: Vercel AI SDK 提供的官方组件，支持工具调用可视化、Agent 展示等。
• shadcn/ui Chatbot: 基于 shadcn/ui 的 AI 聊天机器人组件，风格现代且易于定制。
• CopilotKit: 开源框架，用于在现有应用中快速嵌入 AI Copilot 和智能侧边栏。
• TanStack AI: TanStack 生态的 AI 工具包，强调同构工具定义和极佳的类型安全。
• Deep Chat: 轻量级、框架无关的聊天组件，支持 React/Vue 等，适合快速原型开发。

文案与交互动画

• spell.sh (Rich Button): 提供精美的按钮和文案动画效果，非常适合提升 AI 交互的视觉体验。