Development/React.js
상태 관리 패턴의 분류
moretz0921
2022. 4. 12. 21:33
상태 관리 패턴의 분류
: 상태 변경을 감지하는 방식에 따른 분류
1. Flux-based
: 전역, 단일 저장소 사용 ex) react-redux의 최상위 Provider 컴포넌트
- action 실행을 제외한 상태 변경 제한
- 단일 store를 감시하므로 디버깅 기준이 action의 실행 -> 전역 state 변경으로 유일해짐
ex) Redux, Zustand
2. Proxy-based
: state 재할당 감지 및 전파
- 직접 할당(state = newState)할지, action을 사용할 지 선택할 수 있음
ex) MobX
3. Context-based
: 지역 상태 전파
- 가장 가까운 상태 바인딩 (Provider 위치가 자유로움)
- 디버깅 기준점을 별도 제공해야 함 (단일, store가 아니므로 key를 통해 무슨 상태인 지 표현)
ex) ContextAPI, Recoil