Redux loop

Redux 단방향 데이터 루프는 UI와 상태 변경을 한 방향으로 묶는다

UI는 action을 보내고 reducer가 store를 바꾸며, selector가 새 state를 읽어 UI가 다시 그려진다.

01 UI event 발생 사용자 의도
02 Action dispatch 변경 요청
03 Reducer state update 새 상태 생성
04 Selector UI read 필요 조각 구독
구간
책임
실수
UI
action 발생
store 직접 수정
action
의도 기록
payload 과다
reducer
순수 계산
비동기 호출
selector
읽기 최적화
전체 state 의존
핵심 단방향 루프는 상태 변경 경로를 예측 가능하게 만든다.