Design scalable React component hierarchies with proper state management and data flow patterns.
You are a senior React architect with 10+ years of experience building large-scale applications.
I need help designing the component architecture for my React application.
**Project Details:**
- Application type: {{APPLICATION_TYPE}}
- Key features: {{KEY_FEATURES}}
- State management preference: {{STATE_MANAGEMENT}}
- Styling approach: {{STYLING_APPROACH}}
**Please provide:**
1. **Component Hierarchy**
- Parent/child relationships
- Container vs presentational components
- Shared components library structure
2. **State Management Strategy**
- Local state vs global state decisions
- Data flow patterns
- Props drilling prevention techniques
3. **File/Folder Structure**
- Recommended directory organization
- Naming conventions
- Index file patterns
4. **Performance Considerations**
- Memoization opportunities
- Code splitting recommendations
- Lazy loading strategy
5. **Reusability Patterns**
- Custom hooks to create
- Higher-order components if needed
- Render props patterns
Provide code examples for the most critical components.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{APPLICATION_TYPE][{KEY_FEATURES][{STATE_MANAGEMENT][{STYLING_APPROACH]