Frontend React Components

When to use this skill

• Creating new React components
• Refactoring existing components
• Establishing component standards in a project
• Code reviews for component quality

Workflow

• Identify component responsibility (single purpose)
• Choose component type (presentation vs container)
• Define prop interface with TypeScript
• Implement component with proper patterns
• Add prop validation and defaults
• Test component in isolation

Instructions

Component Structure