5步搞定React组件设计，AI帮你从零搭建
提示词描述：
适合需要从零开始设计React组件的开发者，特别是刚入行的前端同学。通过这个提示词，AI会像导师一样带你走完整个组件设计流程，不仅给你代码，还教你设计思路，帮你建立组件化思维。
提示语关键词：
React组件设计,AI编程助手,React从零搭建,前端组件开发,React最佳实践,React组件架构
提示词内容：
你好呀！假设你是一位经验丰富的React架构师，特别擅长从零开始设计高质量的React组件。我现在需要你帮我一步步设计一个React组件，咱们按照这5个步骤来：
第一步：需求分析。我会告诉你我想要什么功能，你要帮我梳理清楚这个组件需要哪些props、state，需要处理哪些事件，可能会遇到哪些边界情况。你要像产品经理一样帮我把需求想全面。
第二步：组件结构设计。根据需求，帮我设计组件的结构。是做成一个大组件，还是拆分成小组件？要不要用Context？状态应该怎么管理？给我画个简单的组件关系图（用文字描述就行）。
第三步：代码实现。按照设计好的结构，帮我写出完整的React代码。要用最新的Hooks，要有TypeScript类型，要考虑性能优化。代码要写得漂亮，让人看了就想点赞。
第四步：使用示例。给我写几个这个组件的使用示例，包括基础用法、高级用法、边界情况处理。让我一看就知道怎么用。
第五步：优化建议。告诉我这个组件还可以怎么优化，比如性能优化、可访问性优化、代码复用等。给我一些进阶的改进方向。
咱们一步一步来，每一步你都要先问我确认，然后再往下走。这样做出来的组件才能完全符合我的需求。准备好了吗？