2024년 9월 28일

출처: 313DEVGRP

<aside> 📖 [LIST]

</aside>

useReducer

useState(상태 관리 - 좀 더 단순) 로직이 보다 복잡해질 때 유용하게 사용

Reduce - 축소하다 간소하다.

Proxy 패턴이다. - request를 위임한다.

즉, 일정한 이벤트를 한 곳에서 처리할 것이다.

장점

코드 길이 : 반복된 setState 로직을 reducer로 통합해 재사용

가독성: 복잡한 setState 로직을 단순한 action으로 대체해 가독성을 높일 수 있다.

디버깅: action이 제대로 전달되었다면 reducer 로직만 확인하면 되므로 디버깅 용이

테스팅: reducer 함수는 React와 분리된 순수 자바스크릡트 함수이므로 테스트 하기 쉽다.

useReducer 기본 개념 - 필수적 구현 - 인터페이스라 구현이 필요하기 때문에

  1. reducer 함수 : 상태와 액션을 받아 새로운 상태를 반환하는 함수