useEffect에 사용하는 익명함수 대신 named 함수로 쓰면 좋은 이유

Intro

보통 익명함수로 써서 useEffect의 사용 이유를 주석으로 설명하는 편인데, name function을 쓰면 몇가지 장점이 있어 소개한다.

named 함수로 쓰면 좋은 이유

  • 에러 로그에 함수 이름이 표시되어 어느 함수에서 에러가 발생했는지 알기가 쉽다.
  • 주석보다 function 이름으로 명시하여 조금 더 직관적
  • function 이름에 따라 코드가 작성될 수 있어 목적 외 다른 로직이 들어갈 확률이 적다.

Demo

useEffect(
  function sendPageViewLog() {
    analytics.send(url)
  },
  [url]
)

참고

🔥 Pro Tip: Name your useEffect functions