Clean Components

React components are functions with UI responsibilities. Keep each component focused, make props readable at the call site, and use composition when variants start multiplying.

R1: Component Boundaries

A component should usually own one of these jobs:

• A reusable primitive, like Button or TextField
• A domain display, like InvoiceSummary
• A workflow section, like ShippingAddressStep
• A route or screen that coordinates smaller components

If a component fetches data, transforms it, manages several UI modes, and renders a large tree, split coordination from presentation.

R2, R12: Props