lazy 할 때 서스펜스 없으면 안되는거였나?
-> next dynamic import는 필요없음, lazy는 필요함
-> suspense가 포함되어 있다면, SSR 과정에서 분리되어 렌더링이 발생하고, 분리된 채로 렌더링 되어 client로 넘기기 때문에, lazy를 사용하지 않아도 클라이언트에서는 분리된 부분들이 각각 javascript load를 한다.
lazy의 대상은 어떤게 적절할까 - 무거운&특정조건에만 필요한 모듈의 import 일때
memo로 최적화하는 것은 컴포넌트가 정확히 동일한 props로 자주 리렌더링되고, 리렌더링 로직이 비용이 많이 들 때만 가치가 있습니다
그 외의 경우에는 컴포넌트를 memo로 감싸는 것에 이점이 없습니다.
startTransition은 데이터 라이브러리와 같은 외부 컴포넌트에서 작동합니다.
useTransition이 내부적으로 startTransition을 사용한다. startTransition을 hook으로 사용하는 방법이 useTransition이라고 볼 수 있다.
lazy 할 때 서스펜스 없으면 안되는거였나? -> next dynamic import는 필요없음, lazy는 필요함 -> suspense가 포함되어 있다면, SSR 과정에서 분리되어 렌더링이 발생하고, 분리된 채로 렌더링 되어 client로 넘기기 때문에, lazy를 사용하지 않아도 클라이언트에서는 분리된 부분들이 각각 javascript load를 한다.
lazy의 대상은 어떤게 적절할까 - 무거운&특정조건에만 필요한 모듈의 import 일때
useTransition이 내부적으로 startTransition을 사용한다. startTransition을 hook으로 사용하는 방법이 useTransition이라고 볼 수 있다.