REACT · REDUX
Redux 단방향 루프
Redux는 UI에서 action이 발생하고 reducer가 새 state를 만든 뒤 store 변경이 selector를 통해 view로 돌아오는 단방향 흐름입니다.
Redux 단방향 루프 구조
단방향 흐름
UI event
사용자 입력 또는 클릭
dispatch(action)
변경 의도를 객체로 전달
reducer
이전 state와 action으로 새 state 생성
selector/view
store 변경을 화면에 반영
UI event
→
dispatch(action)
→
reducer
→
selector/view
Redux 단방향 데이터 흐름
점검
순수 함수
reducer는 side effect 없이 새 state를 반환합니다.
불변성
기존 state를 직접 수정하지 않습니다.
selector
컴포넌트는 필요한 state 조각만 읽습니다.
Toolkit
반복 코드는 줄이되 단방향 원칙은 그대로 유지합니다.