[React] Hooks

Sang Young Ha·2021년 12월 23일
post-thumbnail

Hooks 란

  • 함수형 컴포넌트로 부터 React State 및 life-cycle 기능에 hook into 할 수 있게 해준다.

Hooks 의 장점

  • stateful 한 로직을 재 사용 할 수 있게 해준다. (custom hooks 의 경우)
  • class 형 컴포넌트에서 사용되는 컴디마 를 useEffect 하나로 처리 할 수 있다.
  • event listeners 를 bind 하기 위해 class 형 컴포넌트에서 사용되는 this 키워드를 사용할 필요가 없어진다.
  • state encapsulation 에 능하며 로직을 공유하는 것도 보다 쉽게 해준다.
  • react-router, react-redux 와 같은 라이브러리가 hooks 덕분에 더 간단하고 클린한 API를 가진다.
  • 코드의 가독성이 향상되며, 테스트 하기에도 더 쉽다.

0개의 댓글