Redux

Redux 단방향 데이터 루프

Redux는 View에서 action을 dispatch하고, reducer가 새 state를 만든 뒤 store 변경이 다시 View로 전달되는 단방향 루프다.

상태 변경이 한 방향으로 흐르는 구조

one-way data

View

사용자 입력이나 화면 이벤트가 액션의 시작점이 된다.

Dispatch

action 객체를 store로 전달한다.

Reducer

이전 state와 action으로 다음 state를 순수하게 계산한다.

Subscribe

store 변경을 구독한 UI가 새 상태로 다시 렌더링된다.

ViewdispatchActionReducerStoreView
상태 루프 해석

Redux의 핵심은 전역 저장소가 아니라 변경 경로를 하나로 고정하는 것이다. reducer 안에서는 부수 효과를 만들지 않는다.