useReducer

특정 컴포넌트 내부에서 useState를 사용하여 상태 업데이트가 이루어지는 간단한 형태를 주로 작업하였음.

상태 관리시 useState 외에도 useReducer가 있음.

 

useReducer
: 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리 시킬 수 있다.

- 상태 업데이트 로직을 컴포넌트 바깥에서 작성.

- 다른 파일에서 import 해서 사용 가능.

- 복잡한 state를 다룰 때 뿐 아니라 굳이 이벤트를 dispatch 않아도 됨

const [value, toggleValue] = useReducer(prev => !prev, true);

<button onClick={toggleValue}>Toggle</button>

 

 

 

 

https://kentcdodds.com/blog/how-to-implement-usestate-with-usereducer