개발하는 기획자. 기획하는 개발자.

useReducer를 위한 사전 지식 React는 Hook을 호출 순서로 구분합니다. Fiber 노드의 memoizedState에 Hook 노드가 연결 리스트로 저장됩니다. useReducer도 useState와 동일하게 이 연결 리스트에 Hook 노드로 저장됩니다. updater function은 reducer의 특수 케이스 stale closure 해결책으로 setState(prev => prev + 1)을 소개했습니다. 이 updater function은 사실 useReducer의 reducer 패턴을 단순화한 것입니다. prev => prev + 1이 바로 "이전 상태를 받아서 새 상태를 반환하는 순수 함수" — reducer의 핵심 개념입니다. useReducer 기본 구조 — reducer, action, dispatch reducer: (state, action) .......

리액트 useReducer - 잡한 상태 로직을 예측 가능하게 만드는 법

댓글