리액트 리팩토링 과정에서 커스텀훅을 신경 쓰지 못했다.
그래서 커스텀훅 만들 생각을 보강하고자 여러 예시 제작을 해보려한다.
커스텀훅 신경써야할것
-
재사용가능한 함수에 상태를 설정하는 로직을 외부에서 설정하고 관리 할 수 있게 한다. => 함수를 호출 할 때 마다 매번 초기화하거나 재설정 하지 않고 그때 그때 사용할 수있다.
=> 로직을 외부에서 설정하고 관리할 수 있는 함수라면 커스텀훅으로 변경한다 . -
boolean을 컨트롤하는 useState는 커스텀훅으로 만드는것이 좋다.
-
정규함수와는 다르게, 커스텀 훅은 다른 커스텀 훅을 포함한 다른 리액트 훅을 사용 할 수 있다 .useState, useReducer useEffect 등
It's the smurf smurf smurf!