要开发一个完整的 React 应用，您可以提供详细的指令，包括项目的功能需求、技术栈、设计要求等。以下是一个强大的提示词示例：

---

提示词：

项目概述：

我想开发一个完整的 React 应用，应用的主要功能是 [在此描述您的应用，如“一个实时聊天应用”或“一个任务管理工具”]。希望应用具有现代 Web 应用的最佳实践和用户体验。

功能需求：

1. 用户认证：
   • 用户可以注册、登录和注销。
   • 支持第三方登录（如 Google、Facebook）。
2. 主要功能模块：
   • [功能模块1]：详细描述功能。
   • [功能模块2]：详细描述功能。
   • [功能模块3]：详细描述功能。
3. 实时更新：
   • 使用 WebSocket 或其他技术实现数据的实时更新。
4. 通知系统：
   • 用户在特定事件发生时收到通知。

技术要求：

• 前端框架：使用 React，采用 Hooks 和函数式组件。
• 状态管理：使用 Redux 或 React Context。
• 路由管理：使用 React Router。
• 样式处理：使用 CSS Modules、Styled Components 或 SASS 等。
• 数据请求：使用 Axios 或 Fetch API 与后端交互。
• 后端（如果需要）：使用 Node.js 和 Express，数据库使用 MongoDB 或 PostgreSQL。

设计和用户体验：

• 界面简洁美观，符合 Material Design 或 Ant Design 规范。
• 响应式设计，适配移动端和桌面端。
• 良好的可访问性，符合 WCAG 标准。

开发要求：

• 使用 Create React App 或 Vite 初始化项目。
• 配置 ESLint 和 Prettier，保持代码风格一致。
• 使用 Git 进行版本控制，提供初始的 .gitignore 文件。
• 编写单元测试和集成测试，使用 Jest 和 React Testing Library。
• 提供详细的代码注释和开发文档。

部署和发布：

• 配置持续集成/持续部署（CI/CD）流程。
• 部署到 Netlify、Vercel 或自托管服务器。

请根据上述要求，提供：

1. 项目的整体架构设计。
2. 每个功能模块的关键代码示例。
3. 开发步骤和注意事项的详细指导。
4. 如何优化性能和提升用户体验的建议。

---

通过这样的详细指令，我可以为您：

• 设计项目的目录结构和组件层级。
• 提供关键功能的代码示例，包括核心逻辑和组件实现。
• 指导您如何配置开发环境、依赖项和构建工具。
• 提供最佳实践建议，如性能优化、安全考虑和可维护性。

提示：

• 明确需求：提供越详细的需求，得到的建议就越精确。
• 逐步细化：如果项目较复杂，可以将开发过程分解为多个阶段，每个阶段都有具体目标。
• 互动提问：在开发过程中，随时提出具体问题，我会尽力解答。

示例对话：

您：

我想开发一个待办事项应用，使用 React 和 Redux，实现以下功能：用户可以添加、编辑、删除待办事项，标记完成状态，按照日期和优先级排序。请提供项目的架构设计和关键代码示例。

我：

好的，我会为您提供项目的架构设计，包括组件结构、状态管理方案，以及关键功能的代码示例，如添加和删除待办事项的实现。

---