2022/06/01 React 18 신기능

https://youtu.be/wZiOGxOhJNs

automatic batching : state1 변경, state2 변경 후 마지막에 재렌더링

useTransition : 동작이 느린 컴포넌트를 조금 빠르게 사용할 수 있음

const [isPending, startTransition] = useTransition()

//startTransition 콜백함수로 문제가 되는 함수 코드 넣기
//코드 시작점을 늦춰줌. 중요한 작업이 끝난 후 실행하도록 함. (실행 시점 바꿈)

isPending ? Loading중 : 동작하는 코드
//startTransition이 처리중일 떄 true 값 가짐

useDefferredValue : 안에 담긴 state가 늦게 처리되는 것

let state = useDefferedValue(name)
//name state가 늦게 처리되기 바랄 때