Design scalable and maintainable React component architectures with proper separation of concerns and reusability patterns.
I need help designing a React component architecture for my application. **Application Overview:** [Describe your app and its main features] **Current Component Structure:** [Share your existing structure or describe planned components] **Requirements:** - Number of pages/views: [X] - Shared components needed: [list them] - State complexity: [simple/moderate/complex] - Team size: [X developers] **Specific Concerns:** [Any specific architectural challenges you're facing] Please provide: 1. Recommended folder structure 2. Component hierarchy diagram 3. Shared vs page-specific component breakdown 4. Props drilling vs context vs state management recommendations 5. Naming conventions and file organization best practices
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[X]