스토어 패턴
액션 디스패칭 오버헤드 없이 타입 안전한 상태 관리 패턴.
사전 요구사항
스토어 정의, 컨텍스트 생성, 프로바이더 설정을 포함한 완전한 설정 지침은 기본 스토어 설정 을 참조하세요.
모든 스토어 패턴 예제는 다음을 위한 공유 설정 가이드를 참조합니다:
- 스토어 타입 정의 및 설정
- 컨텍스트 생성 패턴 및 명명 규칙
- 프로바이더 구성 및 조직
- 내보내기 패턴 및 통합 전략
개요
스토어 패턴은 순수한 상태 관리 시나리오를 위한 뛰어난 타입 추론과 간단한 API를 제공합니다.
사용 가능한 스토어 패턴
- 기본 사용법 - 타입 추론을 사용한 기본 스토어 전용 패턴
- useStoreValue 패턴 - 핵심
useStoreValue구독 패턴 - useStoreSelector 패턴 -
useStoreSelector를 사용한 다중 스토어 선택 - useComputedStore 패턴 -
useComputedStore를 사용한 계산된 값 - useStoreManager API -
useStoreManager훅을 사용한 저레벨 스토어 접근 - 성능 패턴 - 성능 최적화 및 모범 사례
- withProvider 패턴 - 자동 프로바이더 래핑을 위한 고차 컴포넌트 패턴
- 스토어 설정 - 스토어 설정 및 비교 전략
빠른 참조
| 패턴 | 목적 | 최적 사용 사례 |
|---|---|---|
| 기본 사용법 | 타입 안전한 상태 관리 | 데이터 레이어, 간단한 상태 |
| useStoreValue 패턴 | 핵심 스토어 구독 | 선택적 업데이트, 조건부 구독 |
| useStoreSelector 패턴 | 다중 스토어 선택 | 여러 스토어에서 데이터 결합 |
| useComputedStore 패턴 | 파생 상태 계산 | 계산된 값, 반응형 계산 |
| useStoreManager API | 저레벨 스토어 접근 | 고급 작업, 다중 스토어 업데이트 |
| 성능 패턴 | 최적화 기법 | 메모이제이션, 배칭, 디버깅 |
| withProvider 패턴 | 자동 프로바이더 래핑 | 깔끔한 컴포넌트 구성 |
| 스토어 설정 | 스토어 설정 | 커스텀 비교, 고급 설정 |
스토어 패턴 사용 시기
- 순수 상태 관리: 복잡한 비즈니스 로직이 필요하지 않을 때
- 데이터 레이어: 부작용 없이 애플리케이션 데이터 관리
- 설정 상태: 사용자 기본 설정, 앱 설정
- UI 상태: 뷰 상태, 폼 상태, 컴포넌트 상태
- 반응형 데이터: 반응형 구독이 필요한 데이터
주요 기능
- ✅ 수동 타입 어노테이션 없이 뛰어난 타입 추론
- ✅ 스토어 관리에 집중된 간단한 API
- ✅ 직접 값 또는 설정 객체 지원
- ✅ 별도의
createStore호출 불필요 - ✅ 성능을 위한 다양한 비교 전략
- ✅ 자동 프로바이더 래핑을 위한 HOC 패턴
통합
스토어 패턴은 다음과 함께 사용할 때 최상의 효과를 발휘합니다: