리액트
[리액트 React] 리액트 18버전 신기능 3개
sm_hope
2022. 5. 29. 22:41
리액트 새기능 (18버전 이후)
1. batch 기능
-> state1 변경 -> 재렌더링 -> state2 변경 -> 재렌더링
이 것을
-> state1 변경 -> state2 변경 -> 재렌더링
2. useTransition
느린 컴포넌트 성능향상 (조금 더 빨라진거임. 미치도록 엄청난 향상은 아님)
let [A, B] = useTransition()
[늦게처리]B는 함수로 성능저하 되는 부분을 감싸줌 -> 브라우저는 여러가지 행동을 동시에 못함 성능저하 하는부분의 코드 시작을 늦게 처리하여 성능개선
A는 변수로 startTrasition이 처리중일 때 true로 변함.
3. useDeferredValue
늦게 처리하여 성능개선 (useTransition과 비슷)