[Korean FE Article] useState 지옥에서 벗어나기

글 링크: https://velog.io/@eunbinn/a-cure-for-react-useState-hell

소개

리액트 컴포넌트를 작성하다보면 하나의 컴포넌트 안에 여러개의 useState를 사용하게 되는 경우를 종종 마주치는데요, 이 글에서는 useReducer를 사용하여 그러한 “useState 지옥” 으로부터 벗어나는 방법을 설명하고 있습니다. 너무 많은 상태로 한 눈에 코드를 읽기 어렵다고 생각했거나, 상태가 변경할 때 마다 그 유효성을 매번 검사하는 것이 맞는지 의구심이 들었다면, 이 글을 한 번 읽어보시고 하나의 아이디어를 얻어가실 수 있다면 좋겠습니다 :)

목차

• useState를 대체할 더 강력한 것이 있습니다

• `useState`를 사용하는 거의 모든 곳에서 `useReducer`를 사용할 수 있습니다.

• (선택사항) Redux스러운 것들

• reducer 공유하기

• 흔히 빠질 수 있는 함정

• (선택 사항) 흔히 빠질 수 있는 함정 해결법: Immer

• 그래서 언제 `useState`를 사용하고 언제 `useReducer`를 사용해야 하나요?