React(14) 성능을 개선하는 요소들
목차 memo Lazy import Suspense useTransition, useDeferredValue 부모가 렌더링될 때, 자식은 필요할때만 렌더링 하고싶을 때 : memo 부모 컴포넌트 안에, 자식 컴포넌트가 있다고 가정하자, 이 때, 부모에 있는 state가 변경되었을 때, 부모 컴포넌트와, 자식 컴포넌트도 덩달아 재렌더링이 된다. 자식 컴포넌트가 굉장히 많은 연산을 해야하는 컴포넌트일 경우, 자식컴포넌트는 렌더링이 안되고, 필요할때만 렌더링 하고 싶을 때 사용하는 memo에 대해 알아보자. 사용방법은, import { memo } from "react"로 import 하고, 재렌더링 되기 싫은 자식 컴포넌트에다가 적용시키면 된다. 자식 컴포넌트가 재렌더링 안되는 모습을 볼 수 있다. 필요할 ..
2023. 8. 19.
