로직 종류에 따라 합쳐진 함수 쪼개기 | Frontend Fundamentals

[giscus[bot]]

로직 종류에 따라 합쳐진 함수 쪼개기 | Frontend Fundamentals

변경하기 쉬운 프론트엔드 코드를 위한 지침서

https://frontend-fundamentals.com/code/examples/use-page-state-readability.html

[shinwonse]

글 잘 읽었습니다! 혹시 위 예제 코드에서 다음과 같이 수정해야 하는 것은 아닌가요?

import { useQueryParam } from 'use-query-params';

export function useCardIdQueryParam() {
  const [cardId, _setCardId] = useQueryParam('cardId', NumberParam);

  const setCardId = useCallback((cardId: number) => {
    _setCardId(cardId, 'replaceIn');
  }, []);

  return [cardId ?? undefined, setCardId] as const;
}

[jqkk]

[leesh9098]

제가 이해한 바로는 로직의 종류에 따라서 라는 부분이 해당 문장의 핵심이라고 생각했습니다.
예를 들어, API를 호출하는 Hook이 있을 때 이 Hook에서 모든 API를 다루도록 하지 말라는 것 같습니다.