useState vs useReducer 실무에서 주로 사용하는 것은??

작성한 질문수 2

0

안녕하세요 이정환입니다.

결론부터 말씀드리자면 실무에서는 둘 다 많이 사용합니다.

강의에서 소개해드렸듯이 useReducer는 useState로 생성한 State를 관리하는 코드가 너무 길어질 경우 컴포넌트 내부로부터 State 관리 코드를 분리하기 위해 사용됩니다.

따라서 만약 State를 관리하는 코드가 별로 길지 않다면 useState를 사용하는게 좋고, 그렇지 않다면 useReducer를 사용하는게 좋습니다.

따라서 useReducer와 useState가 경쟁 관계에 있다기 보다는, 각자의 특화된 영역이 있고 해당 영역에 맞게 적절히 활발히 사용된다고 이해하시면 좋겠습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 동원참치님.

React에서 useState와 useReducer 모두 상태 관리에 사용되지만, 각각의 훅은 특정한 상황에 맞게 더 효과적으로 사용할 수 있습니다. 두 가지 훅은 아래와 같은 상황에서 차별적으로 사용됩니다:

useState

• 간단한 상태: 상태의 변화가 단순하고, 상태의 개수가 많지 않을 때 적합합니다. 예를 들어, 단순한 카운터, 입력값 등과 같이 간단한 데이터를 관리할 때 유용합니다.
  
• 직접적인 상태 변경: 상태를 직접적으로 설정하고, 관리해야 할 경우 많이 사용합니다.
  

useReducer

• 복잡한 상태: 관련된 여러 하위 상태가 있고 복잡하게 얽힌 상태 로직을 관리해야 할 때 사용합니다. 예를 들어, 폼의 여러 입력 값을 다룰 때나 복잡한 상태 변화 로직을 가진 경우가 이에 해당합니다.
  
• 상태 변경 로직의 분리: 상태 변경 로직을 한 곳에서 액션과 리듀서 함수를 사용하여 분리하고 관리하고자 할 때 적합합니다. 이렇게 하면 코드를 더 구조적이고, 유지보수하기 쉽게 만들 수 있습니다.
  

실무에서는 간단한 상태의 경우 useState를 많이 사용하지만, 애플리케이션 상태 관리가 복잡해질수록 useReducer 또는 Redux 같은 외부 상태 관리 라이브러리를 사용하는 경우가 많습니다. 두 훅 모두 유용한 도구이기 때문에, 상황에 맞게 잘 선택하는 것이 중요합니다.

관련된 기존 답변이 도움이 될 수 있는 링크를 제공해드립니다:
- 질문드립니다 - useReducer와 관련된 추가적인 설명을 보실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.