reducer는 action을 받아 다음 상태를 계산한다

dispatch는 무슨 일이 일어났는지 action으로 보내고 reducer는 이전 state와 action을 기준으로 다음 state를 순수하게 만든다.

1

UI event

버튼 클릭

2

dispatch

action 전달

3

reducer

state 계산

4

new state

render

핵심useReducer는 상태 변경 규칙이 여러 갈래일 때 action과 계산 규칙을 한곳에 모은다.