개요

리액트 hooks를 알아보고 올바른 사용법을 확인해본다.

useState

데이터를 관리하는 hooks

리액트를 리액티브하게 만들어주는 역할을 한다.

데이터가 변경되면 화면이 변경된다.

useRef

화면의 데이터가 아닌 태그들을 컨트롤 할 때 주로 사용한다.

논란의 여지가 있겠으나
화면에 state가 많아지면 느려질 수 있기 때문에
실시간 Validation이 필요하지 않다면
input들을 useRef를 이용해서 처리하는 것도 방법이다.

useEffect

페이지 로딩 완료시 or

특정 데이터를 처리한 이후 or

통신

useMemo useCallback

특정 데이터가 변경될 때만 데이터를 가공한다.

useContext

전역적인 데이터

참고자료

리액트 개발자가 하는 실수
https://youtu.be/GGo3MVBFr1A