Паттерны композиции React-компонентов

★ 6.6 · web-development

composition-patterns is a Claude Code skill that guides scalable React component architecture through structured composition rules. It covers four prioritized rule categories: component architecture (compound components, avoiding boolean prop proliferation), state management (lifting state, context providers, dependency injection via generic interfaces), implementation patterns (explicit variant components, children over render props), and React 19 APIs (replacing forwardRef, using use() instead of useContext()). Each rule ships as a dedicated markdown file with a rationale, a wrong-code example, and a correct-code example. The skill targets developers refactoring bloated components, building reusable component libraries, or designing flexible component APIs that remain readable for both humans and AI agents as the codebase grows.