React Best Practices Skill

When to use this skill

Load this skill when you are:

• Reviewing or refactoring an existing React component
• Splitting a large "God Component" into smaller sub-components
• Deciding how to colocate, organize, or name component files
• Applying SRP (Single Responsibility Principle) to React code
• Deciding on component folder structure, state isolation, or prop contracts

Core Principles

1. Single Responsibility Principle (SRP)

Each component should do one thing. If a component handles multiple states (loading, error, empty, ready, editing, confirming) it is a "God Component" and should be split.