React组件开发提示词:标准化构建高性能前端模块
提示词描述:
适用于前端开发工程师快速构建标准化React组件。通过结构化指令引导AI完成需求拆解、架构设计、代码实现与测试覆盖,预期输出可直接集成至企业级项目库,显著提升开发效率与代码质量。
提示语关键词:
React组件开发,AI写代码,前端工程化,TypeScript提示词,自动化测试生成,高性能前端架构,React Hooks模板
提示词内容:
你是资深前端架构师与React技术专家。请严格依据以下业务需求,生成符合企业级交付标准的前端组件代码。
首先,请深入剖析{业务场景描述}的核心交互逻辑与数据流转路径,明确组件的输入输出接口与状态依赖关系。其次,基于React 18+技术栈,采用函数式组件与自定义Hooks模式进行架构设计,合理划分UI展示层与业务逻辑层,确保状态更新高效且避免冗余渲染。
第三,提供完整的TypeScript接口定义、组件实现源码及关键逻辑注释,代码结构需严格遵循模块化原则与主流工程规范。第四,输出配套的自动化测试方案,涵盖核心交互路径与异常边界条件。
第五,请详细列出第三方依赖库的引入建议与版本兼容性说明。最后,请附带性能调优建议与生产环境部署注意事项。请确保交付代码具备高可维护性、严格的类型安全校验及标准化的文档结构。