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