Action log

Redux는 상태 변경을 action 단위로 추적합니다

전역 상태가 커질수록 중요한 것은 누가 값을 바꿨는지입니다. Redux는 모든 변경 의도를 action으로 남기고 reducer 계산 결과를 하나의 흐름으로 확인하게 합니다.

Store

상태의 기준점

여러 화면이 같은 값을 보더라도 출처는 하나의 store로 모입니다.

Action

변경 의도 기록

직접 수정 대신 어떤 일이 일어났는지 평범한 객체로 표현합니다.

Reducer

순수한 계산

이전 상태와 action을 입력으로 받아 다음 상태를 반환합니다.

Subscriber

화면 갱신

store 변경을 구독한 UI가 새 상태를 읽고 다시 렌더링합니다.

step prev action next
1 cart: 0 ADD_ITEM cart: 1
2 auth: none LOGIN_OK auth: user
event사용자 입력
action기록 단위
state계산 결과
view화면 반영

Redux 판단 기준 Redux의 단방향 흐름은 단순히 구조를 엄격하게 만드는 것이 아니라, 버그가 난 시점의 action과 상태 차이를 다시 볼 수 있게 만드는 디버깅 장치입니다.