component-architecture
Installation
SKILL.md
Component Architecture Guide
React 컴포넌트 설계 시 활용할 수 있는 아키텍처 패턴 모음입니다. 실제 프로젝트에서 검증된 패턴들을 기반으로 작성되었습니다.
패턴 목록
| 패턴 | 설명 | 적용 시나리오 |
|---|---|---|
| 기본 + 확장 패턴 | 기본 컴포넌트를 확장하여 변형 생성 | Modal → ConfirmModal, Sheet → ActionSheet |
| Provider + Hook 패턴 | Context로 상태 관리, Hook으로 접근 | 전역 상태, 모달 시스템, 테마 |
💡 상세 가이드는
patterns/폴더의 개별 파일을 참조하세요.
1. 기본 + 확장 패턴
파일: patterns/base-extension.md