- 리액트 훅 중 가장 흔히 쓰이는
useState
는 상태값 변화시 자동 리렌더링을 제공한다. 🔄
- 리액트 훅
useEffect
는 컴포넌트가 렌더링된 후 실행되는 콜백 함수로, 비동기 코드나 서버 데이터 처리에 유용하다. 🛰️
useRef
는 DOM 노드를 참조하고 유지하는 데 사용되며, 상태값 변경 없이 렌더링 계산에서 값을 유지할 때 활용한다. 📍
useLayoutEffect
는 컴포넌트 렌더링 직전에 실행되며, 렌더링 순간까지 값을 계산해야 하는 경우 유용하다. 📐
useContext
는 부모 컴포넌트에서 정의한 Context를 하위 컴포넌트에서 직접 접근할 수 있게 해준다. 🌳
useMemo
는 주어진 종속성 값 변화 시 결과값을 캐싱하여 재-렌더링을 방지하고 성능을 향상시킨다. 🎯
useCallback
는 함수 종속성 값 변화 시 함수를 캐싱하여 재료화를 방지하고 성능을 향상시킨다. ⏱️
useTransition
은 React 18에서 제공되는 공동 모드 기능으로 부분적인 업데이트 효과와 동시성을 높인다. 🟢