책/코드로 배우는 리액트1

• 

  1) 라우터, 코드 스플린팅 [lazy,suspense] , <Link> , 레이아웃 컴포넌트,child ,모듈화와 라우팅 관리 코드 스플린팅코드 스플리팅파일을 분리하는 작업❗더 나은 사용자 경험을 위해 코드를 비동기적으로 로딩하는 방법예를 들어 페이지가 /main, /about, /post 이렇게 세 가지 페이지로 이루어진 SPA를 개발한다고 할 때/main으로 들어가는 동안 /about이나 /post 페이지 정보는 사용자에게 필요하지 않을 확률이 높다.💡 그러한 파일들을 분리하여 지금 사용자에게 필요한 파일만 불러올 수가 있다면 로딩도 빠르게 이루어지고 트래픽도 줄어 사용자 경험이 좋아질 수가 있다.지금 당장 필요한 코드가 아니면 따로 분리시켜서, 나중에 필요할 때 불러와서 사용할 수 있다.리액트에서 코드 스플리팅React.lazy💡 컴포넌트를 렌더링하는 시점에 비동기적으로 로딩할 수 있게 해주는 유틸 함수이다.Suspen.. 책/코드로 배우는 리액트 2024. 6. 19.