[React] React Hooks - useDeferredValue, useTransition

React Hooks - useDeferredValue

• useDeferredValue(state)란
  • 상태 값 변화에 낮은 우선 순위를 지정하기 위한 hook
  • setState 완료하고 set
  • useMemo와 함께 많이 사용된다.
• 기본형태
  • import { useDeferredValue } from ‘react’;
  • const [str, setStr] = useState(’’);
  • const deferredStr = useDeferredValue(str);

 

React Hooks - useTransition

• useTransition(cb)란
  • 상태 변화의 우선순위를 지정하기 위한 hook
  • 모든 setState 완료하고 cb를 call
• 기본형태
  • import { useTransition } from ‘react’;
  • const [str, setStr] = useState(’’);
  • const [list, setList] = useState<{ id: number; value: string }[]>([]);
  • const [isPending, startTransition] = useTransition();