[React] useEffect 쓰지 마세요?
프론트엔드에서 개발을 하고 리팩토링을 진행하다보니 전에 그냥 보면서 웃고 넘겼던 주제가 있었습니다.
"리액트에서 만들어놓은 Hook인 useEffect를 리액트에서 권장하지 않습니다."
이 말을 듣고 그때는 뭐 이런게 다 있지? 하고 지나갔지만
이제 어느정도 코드기반을 쌓아두고 리팩토링 요소를 찾다보니 이 부분이 갑자기 궁금해졌습니다.
그러한 궁금증을 어느 정도 해소할 수 있던 좋은 경험이었습니다.
[React] useEffect 쓰지 마세요?
React는 페이스북에서 개발한 강력한 프론트엔드 라이브러리 입니다. 상당히 많은 부분에서 useEffect 훅을 이용하여 개발을 진행하는데, React에서는 useEffect를 지양하고 있다고 합니다. 이번 글에서는 useEffect 훅을 지양하는 이유가 무엇인지, 그리고 연관되어있는 개념인 Side Effect 관리에 대해 알아보겠습니다. 1. Side Effect란 무엇인가? Side Effect는 컴포넌트 외부에 영향을 미치는 작업을 의미합니다. 예를 들어보면 데이터 가져오기, 네트워크 요청, 로컬 스토리지 접근 등이 여기에 해당됩니다. React 컴포넌트는 Side Effect 관리를 위해서 useEffect 훅을 제공합니다. 2. 불필요한 Side Effect로 인한 성능 저하 useEffec..
https://time-map-installer.tistory.com/227
[React] useMemo 쓰지 마세요?
최근 useEffect 대응방안에서 useMemo를 사용해서 개선하는 방향과 관련된 글을 쓰다가 생각난 건데, 어떤 글에서 useMemo를 쓰지 말라는 주제로 글이 있던 것이 생각났습니다. 그래서 이참에 이것도 알아보기로 하였죠. 왜 useMemo를 쓰면 안 되는 건지, 그전에 useMemo는 무엇인지부터 알아보고 가도록 하겠습니다. 이전 글 보고오기 [React] 왜 React에서는 useEffect의 사용을 추천하지 않을까? - Side Effect 관리 React는 페이스북에서 개발한 강력한 프론트엔드 라이브러리 입니다. 상당히 많은 부분에서 useEffect 훅을 이용하여 개발을 진행하는데, React에서는 useEffect를 지양하고 있다고 합니다. 이번 글에서 time-map-installer..
https://time-map-installer.tistory.com/228
댓글
로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다.