https://react-ko.dev/reference/react/useTransition UI를 차단하지 않고 state를 업데이트할 수 있는 React 훅 const [isPending, startTransition] = useTransition(); Parameter 매개변수를 받지 않음 Returns 값이 두개 들어있는 배열...
Usememo
https://react-ko.dev/reference/react/useMemo 리렌더링 사이에 계산 결과를 캐시할 수 있는 React Hook const cachedValue = useMemo(calculateValue, dependencies) Parameter calculateValue 캐시하려는 값을 계산하는 함...
Usedeferredvalue
https://react-ko.dev/reference/react/useDeferredValue UI 일부의 업데이트를 지연시킬 수 있는 React 훅 const deferredValue = useDeferredValue(value) Parameter value : 지연시키려는 값. 어떤 타입이든 될 수 있다 Returns valu...
Usecallback
https://react-ko.dev/reference/react/useCallback 리렌더링 사이에 함수 정의를 캐시할 수 있게 해주는 React Hook const handleSubmit = useCallback((orderDetails) => { post('/product/' + productId + '/buy', { ref...
Usesyncexternalstore
https://react-ko.dev/reference/react/useSyncExternalStore#usesyncexternalstore 외부 스토어를 구독할 수 있는 React 훅 const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot?) Paramet...
Useid
https://react-ko.dev/reference/react/useId accessibility 속성에 전달할 수 있는 고유 ID를 생성하기 위한 훅 const id = useId() Returns 특정 컴포넌트 내 특정 useId와 관련된 고유 ID 문자열을 반환한다. 이 값은 리렌더링되어도 항상 동일하다. Caveats ke...
Usedebugvalue
https://react-ko.dev/reference/react/useDebugValue React 개발자 도구에서 커스텀 훅에 레이블을 추가해주는 React 훅 useDebugValue(value, format?) Parameter value : 개발자 도구에서 표시하려는 값 format (optional) 포매팅...
Uselayouteffect
컴포넌트가 마운트 되기 전에 실행되는 버전의 useEffect useLayoutEffect는 브라우저가 화면을 다시 그리는 것을 차단하기에 과도하게 사용하면 앱이 느려질 수 있다. 가급적 useEffect를 사용하는 것이 좋다 동작 방식 컴포넌트 렌더링 useLayoutEffect 셋업 실행 -> state 업데이트 촉발 ...
Useinsertioneffect
useEffect의 버전 중 하나로, DOM 변이 전에 실행된다 useInsertionEffect는 CSS-in-JS 라이브러리를 위한 훅이다. CSS-in-JS 라이브러리 작업 중에 스타일을 주입하고자 하는 경우가 아니라면, useEffect나 useLayoutEffect가 더 나을 수 있다. import { useInsertionEffec...
Useeffect
https://react-ko.dev/reference/react/useEffect 컴포넌트를 외부 시스템과 동기화할 수 있는 React Hook 외부시스템 : 브라우저 API, 네트워크 등 리액트로 제어되지 않는 코드 조각 parameters setup Effect의 로직이 포함된 함수. 클린업 함수를 반환할 수...