useReducer 설계 점검표

`useReducer`를 도입할 때는 상태 모양, 액션 이름, 리듀서 순수성, 사이드 이펙트 위치를 분리해야 예측 가능한 흐름이 된다.

useReducer 설계 점검표`useReducer`를 도입할 때는 상태 모양, 액션 이름, 리듀서 순수성, 사이드 이펙트 위치를 분리해야 예측 가능한 흐름이 된다.
1

상태 모델

하위 상태가 서로 연결되어 함께 바뀌는지 먼저 묶어 본다.

2

액션 목록

사용자 의도를 ADD_TODO 같은 명명된 이벤트로 만든다.

3

순수 전이

reducer는 현재 state와 action만 보고 새 state를 반환한다.

4

dispatch 연결

UI 이벤트는 계산을 직접 하지 않고 action을 전달한다.

5

effect 분리

저장, 요청, 로그 같은 외부 작업은 useEffect 로 옮긴다.

핵심useReducer 설계 점검표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.