React Composition Rules

11 React composition rules, three modes: create new components, analyse existing for violations, decompose monoliths into composable pieces.

Rule files

Authoritative Do/Don't/Example content for each pattern. Read the relevant ones before writing or judging code — never rely on memory.

• references/stable-component-identity.md
• references/single-responsibility.md
• references/custom-hooks.md
• references/avoid-prop-drilling.md
• references/compound-components.md
• references/forward-ref.md
• references/controlled-vs-uncontrolled.md
• references/inversion-of-control.md
• references/headless-components.md
• references/render-props.md
• references/avoid-hocs.md