[리액트 React] 리액트 18버전 신기능 3개

리액트 새기능 (18버전 이후)

1. batch 기능

-> state1 변경 -> 재렌더링 -> state2 변경 -> 재렌더링

이 것을

-> state1 변경 -> state2 변경 -> 재렌더링

2. useTransition

느린 컴포넌트 성능향상 (조금 더 빨라진거임. 미치도록 엄청난 향상은 아님)

let [A, B] = useTransition()

[늦게처리]B는 함수로 성능저하 되는 부분을 감싸줌 -> 브라우저는 여러가지 행동을 동시에 못함 성능저하 하는부분의 코드 시작을 늦게 처리하여 성능개선
A는 변수로 startTrasition이 처리중일 때 true로 변함.

3. useDeferredValue

늦게 처리하여 성능개선 (useTransition과 비슷)

 

https://youtu.be/wZiOGxOhJNs