React

윤건호·2022년 10월 11일
0

리액트,리덕스

목록 보기
5/9

useReducer ?

컴포넌트의 상태를 관리할 수 있는 React 훅. +state 의 대안+

useState / useReducer 공통점

둘 다 상태를 만들고 업데이트 한다.

useState / useReducer 차이점

업데이트 방식

useState에서는 setState 함수를 사용하여상태를 업데이트 하지만

useReducer에서는 useState에 비해 조금 더 복잡하지만 실제로는 코드를
더 클린하게 만들어줍니다.

커스텀 훅

커스텀 훅이란 ?

기존의 리액트 훅을 조합해서 어떠한 기능을 만들어놓고,

그 코드를 마구마구 복사 붙여넣기한다면
그 또한 중복되는 코드들이 많아지는걸 의미한다.

"그때 우리는 그런 기능을 가진 하나로 된 훅이 있었으면 좋겠다" 라고 생각한다.

그때 사용하는 것이 커스텀 훅이다.

커스텀 훅의 장점

커스텀 훅을 사용하는 각 컴포넌트마다 커스텀 훅이 가지는 스테이트와 이펙트는

완전히 독립적이기 때문에 엄청난 재사용성을 제공한다.

커스텀 훅 주의점

커스텀 훅도 결국 리액트 훅이기에 함수의 이름 앞에 use를 붙여지어줘야한다.

그래야만 리액트에서 어떠한 오류를 발견했을 때 적절한 에러 메시지를 띄워준다.

profile
갭알자 호소인

0개의 댓글