React | useCallback vs useMemo vs useEffect - TWIL

[utterances-bot]

React | useCallback vs useMemo vs useEffect - TWIL

This Week I Learned, TWIL

https://twil.weekwith.me/3%EA%B8%B0/%EC%A0%95%EC%84%A0%EB%AF%B8/2021-10-31-useCallback-useMemo-useEffect/

[0417taehyun]

useEffect, useCallback, useMemo 이름만 들어봤지 차이점은 처음으로 알게 되어서 뭔가 신기하네요! 세 훅의 특징에 대해서도 알 수 있고, 무엇보다 메모이제이션과 같은 사전 지식이나 링크를 통해서 더 자세한 내용을 알 수 있게 유도해주셔서 감사했네요.

개인적으로 차이점이라고 작성하신 부분은 특징에 더 가까운 것 같아요. 아니면 useMemo 부분에서의 타 hooks와 비교처럼 각각의 비교를 나열해주시는 것도 좋았을 것 같습니다. 통일성에 대한 부분이 걸려서 말씀드린 건데, 만약 useEffect 및 useCallback에서 적힌 차이점이 각각 다른 두 훅과의 공통된 차이점을 의미한다면 차라리 useMemo 부분 또한 차이점이라 작성한 다음 서브 텍스트로 useEffect와의 차이점 그리고 공통 차이점 등으로 작성해나갔으면 더 좋았을 것 같습니다.

또한 useEffect 부분에 적어주신 단점의 경우에도 하나의 차이점과 같이 따로 빼줘서, 다른 훅에도 개별적으로 단점을 다 적어주면 어땠을까 싶네요.

끝으로 useMemo 부분에서 useRef의 이야기가 나오는데 조금 뜬금 없는 것 같습니다. 다루는 내용이 useEffect, useCallback, useMemo이고 그 셋 훅의 차이점에 대한 서술인데 갑작스레 useRef와의 차이점을 서술한 부분이 나와서 어색한 것 같아요. 아니면 useRef에 대한 추가적인 설명이 더 있었으면 좋았을 것 같습니다.

전체적으로는 글보다 정리 및 요약에 가까운 느낌이 있어서 다음에는 조금 더 내러티브 형식의, 유기성이 있는 글이면 좋을 것 같습니다!

바쁘실 텐데 시간 내어 한 편의 글 작성해주셔서 감사합니다 😆

[kooku0]

오오 너무 흥미로운 주제군요!! React의 기본인 것 같은데 어려운 주제 🥳 useCallback 과 useMemo의 경우 단독으로 사용할 때 아무런 이점을 가지고 올 수 없습니당. React.memo와 항상 같이 써야하죱 결국 useCallback과 useMemo는 React.memo로 감싸진 컴포넌트를 렌더링해야 하나를 알려주는 역할이거등요 ㅎㅎ 그리고 useMemo의 경우 공식문서에서도 나와있듯이 매우 복잡한 연산이 아니라면 사용하지 않는게 좋은 것 같아요😁 추후에는 deplicated 되지 않을까 싶네요 ㅎㅎ 잘읽었습니당

[iksflow]

글 작성하는라 고생많으셨어요 선미님! 적절한 기호와 줄간격 덕분에 가독성이 좋았습니다 😊 그리고 링크 덕분에 개념을 이해하는데 도움이 되었어요🙏🏻 아쉬운점은 태현님 생각과 비슷한데요, 글이 유기적이고 흐름이 있었다면 더 좋았을것 같아요! 기술적인 부분은 제가 지식이 없어서 코멘트를 못하겠네요… 죄송합니다😇 바쁘신 와중에 글 작성하시느라 고생 많으셨고 얼른 쾌차하시길 바랄게요!