React

• Follow the project's React and framework conventions.
• Keep ownership explicit and data flow predictable.

Components

• Split components around coherent responsibilities, not line counts.
• Keep related rendering and behavior together.
• Hide substantial behavior behind small APIs that minimize caller coordination.
• Prefer composition over accumulating boolean mode props.
• Keep feature-specific knowledge out of shared UI components.
• Define components outside other components to preserve identity.

Compound components